From 558edfe07b81f3c48f76d39a7d807625aa334163 Mon Sep 17 00:00:00 2001 From: CalvoM Date: Thu, 26 Nov 2020 23:48:16 +0300 Subject: [PATCH 1/4] Add welcome message --- github.svg | 1 + gopher.svg | 87 ++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 38 +++++++++++++++++++++++ main.css | 52 +++++++++++++++++++++++++++++++ meetup.svg | 59 +++++++++++++++++++++++++++++++++++ whatsapp.svg | 17 ++++++++++ 6 files changed, 254 insertions(+) create mode 100644 github.svg create mode 100644 gopher.svg create mode 100644 main.css create mode 100644 meetup.svg create mode 100644 whatsapp.svg diff --git a/github.svg b/github.svg new file mode 100644 index 0000000..aa05db9 --- /dev/null +++ b/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gopher.svg b/gopher.svg new file mode 100644 index 0000000..cdefc50 --- /dev/null +++ b/gopher.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index e69de29..835d753 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,38 @@ + + + + + + + + + Nairobi Gophers + + + +

Nairobi Gophers

+
+
+
Who we are
+ This group is for Go Enthusiasts. +
+ We aim to create a community around the language and share experiences adopting the language. +
+ + + Nairobi-Gophers Whatsapp link + + + nairobi-gophers github repo + + + Nairobi gophers meetup page + +
+ +
+ Adorable gopher +
+ + + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..0c73445 --- /dev/null +++ b/main.css @@ -0,0 +1,52 @@ +html,body{ + padding:0; + margin:0; +} +.centered{ + text-align: center; +} +h1{ + font-family: Helvetica, Arial,sans-serif; +} +#welcome{ + display: grid; + grid-template-columns: 1fr 1fr; + background-color: #eee; + padding:1.5rem; +} +#welcome div{ + font-family: Arial, Helvetica, sans-serif; + padding:1rem; + font-size: 105%; +} +#welcome header{ + font-size:140%; + padding:1rem; +} +blockquote { + background: #aaa; + border-left: 10px solid #ccc; + margin: 1.5em 10px; + padding: 2em 3em; + quotes: "\201C""\201D""\2018""\2019"; + width:80%; + font-size:110%; +} +blockquote:before { + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; +} +blockquote p { + display: inline; +} +.comms_info{ + padding-left:2rem; +} +a{ + margin:1rem 0.6rem; + text-decoration: none; +} \ No newline at end of file diff --git a/meetup.svg b/meetup.svg new file mode 100644 index 0000000..1518e0f --- /dev/null +++ b/meetup.svg @@ -0,0 +1,59 @@ + + + + + + \ No newline at end of file diff --git a/whatsapp.svg b/whatsapp.svg new file mode 100644 index 0000000..3fb1666 --- /dev/null +++ b/whatsapp.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + \ No newline at end of file From faf707fc232b8516fdebd7e7e908cf82b8f2fcc8 Mon Sep 17 00:00:00 2001 From: CalvoM Date: Fri, 27 Nov 2020 00:48:21 +0300 Subject: [PATCH 2/4] Get available projects from github --- .gitignore | 2 ++ index.html | 7 +++++++ main.css | 12 +++++++++++- main.js | 26 ++++++++++++++++++++++++++ wip.svg | 6 ++++++ 5 files changed, 52 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 main.js create mode 100644 wip.svg diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..accba65 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.vscode +*.http diff --git a/index.html b/index.html index 835d753..505ad51 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ + Nairobi Gophers @@ -33,6 +34,12 @@

Nairobi Gophers

Adorable gopher +
+
Github projects
+
+ +
+
\ No newline at end of file diff --git a/main.css b/main.css index 0c73445..7d36ba3 100644 --- a/main.css +++ b/main.css @@ -1,6 +1,7 @@ html,body{ padding:0; margin:0; + font-family: Arial, Helvetica, sans-serif; } .centered{ text-align: center; @@ -19,7 +20,7 @@ h1{ padding:1rem; font-size: 105%; } -#welcome header{ +header{ font-size:140%; padding:1rem; } @@ -49,4 +50,13 @@ blockquote p { a{ margin:1rem 0.6rem; text-decoration: none; +} +.loading{ + color:red; + font-size: 120%; + padding-left:45%; + font-weight: bolder; +} +#wip{ + margin-left:45%; } \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..df7d6da --- /dev/null +++ b/main.js @@ -0,0 +1,26 @@ +window.onload = function (ev) { + let projectsList = [] + fetch("https://api.github.com/users/nairobi-gophers/repos") + .then(resp => resp.json()) + .then(object => { + console.table(object) + for (const key in object) { + if (Object.hasOwnProperty.call(object, key)) { + const element = object[key]; + projectsList.push({ + "repoName": element["full_name"], + "repoUrl": element["url"], + "repoAvatar": element["owner"]["avatar_url"] + }) + + } + } + if (projectsList.length > 0) { + projectsDiv = document.querySelector("div#lineup") + projectsDiv.classList.remove("loading") + projectsDiv.innerText = projectsList[1]["repoName"] + console.log(projectsList) + + } + }) +} \ No newline at end of file diff --git a/wip.svg b/wip.svg new file mode 100644 index 0000000..a9dd687 --- /dev/null +++ b/wip.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file From 6f6dde03e5849da1feb4eb3339ceeddcb3659c7a Mon Sep 17 00:00:00 2001 From: CalvoM Date: Fri, 27 Nov 2020 21:25:16 +0300 Subject: [PATCH 3/4] Basic layout complete --- index.html | 23 ++++++-------------- main.css | 62 +++++++++++++++++------------------------------------- main.js | 2 -- 3 files changed, 26 insertions(+), 61 deletions(-) diff --git a/index.html b/index.html index 505ad51..b2c2605 100644 --- a/index.html +++ b/index.html @@ -14,32 +14,23 @@

Nairobi Gophers

-
-
Github projects
-
- -
+ \ No newline at end of file diff --git a/main.css b/main.css index 7d36ba3..b103be9 100644 --- a/main.css +++ b/main.css @@ -3,60 +3,36 @@ html,body{ margin:0; font-family: Arial, Helvetica, sans-serif; } +body{ + display: grid; + grid-template-columns: 1fr; + padding:1em; +} .centered{ text-align: center; } h1{ - font-family: Helvetica, Arial,sans-serif; + color:blue; } #welcome{ display: grid; - grid-template-columns: 1fr 1fr; - background-color: #eee; padding:1.5rem; -} -#welcome div{ - font-family: Arial, Helvetica, sans-serif; - padding:1rem; - font-size: 105%; -} -header{ - font-size:140%; - padding:1rem; -} -blockquote { - background: #aaa; - border-left: 10px solid #ccc; - margin: 1.5em 10px; - padding: 2em 3em; - quotes: "\201C""\201D""\2018""\2019"; - width:80%; - font-size:110%; -} -blockquote:before { - color: #ccc; - content: open-quote; - font-size: 4em; - line-height: 0.1em; - margin-right: 0.25em; - vertical-align: -0.4em; -} -blockquote p { - display: inline; -} -.comms_info{ - padding-left:2rem; + color:#fff; + font-weight: 100; + background-color: blue; + padding:1.5rem; } a{ margin:1rem 0.6rem; text-decoration: none; } -.loading{ - color:red; - font-size: 120%; - padding-left:45%; - font-weight: bolder; +@media only screen and (min-width:768px){ + body{ + grid-template-columns: 1fr 2fr; + } +} +@media only screen and (min-width:900px){ + body{ + grid-template-columns: 1fr 2fr 1fr; + } } -#wip{ - margin-left:45%; -} \ No newline at end of file diff --git a/main.js b/main.js index df7d6da..fcb0e0e 100644 --- a/main.js +++ b/main.js @@ -17,8 +17,6 @@ window.onload = function (ev) { } if (projectsList.length > 0) { projectsDiv = document.querySelector("div#lineup") - projectsDiv.classList.remove("loading") - projectsDiv.innerText = projectsList[1]["repoName"] console.log(projectsList) } From 815270bb01e86c81f75df9e54396a08c18a403a6 Mon Sep 17 00:00:00 2001 From: CalvoM Date: Fri, 27 Nov 2020 21:32:16 +0300 Subject: [PATCH 4/4] Add structure to files and folders --- index.html | 11 +++++----- main.js | 24 ---------------------- github.svg => static/images/github.svg | 0 gopher.svg => static/images/gopher.svg | 0 meetup.svg => static/images/meetup.svg | 0 whatsapp.svg => static/images/whatsapp.svg | 0 main.css => static/styles/main.css | 0 wip.svg | 6 ------ 8 files changed, 5 insertions(+), 36 deletions(-) delete mode 100644 main.js rename github.svg => static/images/github.svg (100%) rename gopher.svg => static/images/gopher.svg (100%) rename meetup.svg => static/images/meetup.svg (100%) rename whatsapp.svg => static/images/whatsapp.svg (100%) rename main.css => static/styles/main.css (100%) delete mode 100644 wip.svg diff --git a/index.html b/index.html index b2c2605..4acd19f 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,8 @@ - - - + + Nairobi Gophers @@ -18,13 +17,13 @@

Nairobi Gophers

We aim to create a community around the language and share experiences adopting the language.

Past events and interactions can be found on the Meetup page.

- Nairobi-Gophers Whatsapp link + Nairobi-Gophers Whatsapp link - nairobi-gophers github repo + nairobi-gophers github repo - Nairobi gophers meetup page + Nairobi gophers meetup page
diff --git a/main.js b/main.js deleted file mode 100644 index fcb0e0e..0000000 --- a/main.js +++ /dev/null @@ -1,24 +0,0 @@ -window.onload = function (ev) { - let projectsList = [] - fetch("https://api.github.com/users/nairobi-gophers/repos") - .then(resp => resp.json()) - .then(object => { - console.table(object) - for (const key in object) { - if (Object.hasOwnProperty.call(object, key)) { - const element = object[key]; - projectsList.push({ - "repoName": element["full_name"], - "repoUrl": element["url"], - "repoAvatar": element["owner"]["avatar_url"] - }) - - } - } - if (projectsList.length > 0) { - projectsDiv = document.querySelector("div#lineup") - console.log(projectsList) - - } - }) -} \ No newline at end of file diff --git a/github.svg b/static/images/github.svg similarity index 100% rename from github.svg rename to static/images/github.svg diff --git a/gopher.svg b/static/images/gopher.svg similarity index 100% rename from gopher.svg rename to static/images/gopher.svg diff --git a/meetup.svg b/static/images/meetup.svg similarity index 100% rename from meetup.svg rename to static/images/meetup.svg diff --git a/whatsapp.svg b/static/images/whatsapp.svg similarity index 100% rename from whatsapp.svg rename to static/images/whatsapp.svg diff --git a/main.css b/static/styles/main.css similarity index 100% rename from main.css rename to static/styles/main.css diff --git a/wip.svg b/wip.svg deleted file mode 100644 index a9dd687..0000000 --- a/wip.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file