From 783bd538c1c4c1212180d18090a7603f8f09c61e Mon Sep 17 00:00:00 2001
From: Joe Doyle <joe@joedoyle.us>
Date: Sun, 26 Mar 2017 14:56:12 -0700
Subject: [PATCH 1/4] Playing around with styled layout

---
 css/styles.css    |  43 +++++++++++++++
 img/jslogo.png    | Bin 0 -> 16174 bytes
 img/nodejshex.png | Bin 0 -> 16711 bytes
 index.html        | 133 +++++++++++++++++++++++++++++++++-------------
 4 files changed, 139 insertions(+), 37 deletions(-)
 create mode 100644 img/jslogo.png
 create mode 100644 img/nodejshex.png

diff --git a/css/styles.css b/css/styles.css
index 0a0f0eb..120f77f 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -21,6 +21,7 @@ time, mark, audio, video {
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
+	font-family: 'Muli', sans-serif;
 }
 
 .header-background {
@@ -30,4 +31,46 @@ time, mark, audio, video {
 .center-content {
   max-width: 1000px;
   margin: 0 auto;
+}
+
+.events {
+	display: flex;
+	flex-flow: row wrap;
+}
+
+.event-item {
+	display: flex;
+	width: 250px;
+	height: 100px;
+	border: 1px solid #000;
+	border-radius: 5px;
+	padding: 5px;
+	margin-right: 25px;
+	margin-bottom: 25px;
+	flex-direction: row;
+	align-items: stretch;
+	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
+	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
+	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
+}
+
+.event-details {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+}
+
+.event-content {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.event-title {
+	font-size: 22px;
+
+}
+
+.event-title a, .twitter {
+	text-decoration: none;
 }
\ No newline at end of file
diff --git a/img/jslogo.png b/img/jslogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..77c6ba2b92bc76d173d109c50766b2b09286da11
GIT binary patch
literal 16174
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
WZZF$(cB$iy_Qa_vs$DVj-}yI~99(7q

literal 0
HcmV?d00001

diff --git a/img/nodejshex.png b/img/nodejshex.png
new file mode 100644
index 0000000000000000000000000000000000000000..a83ec5f5b1147428016f8233ab4cd81fc3dc6c11
GIT binary patch
literal 16711
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
To#1^7g>tfUVIBEyb<Dp3-8OjR

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 6e19988..df03740 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,7 @@
   <head>
     <meta charset=utf-8>
     <title>JavaScript Events List</title>
+    <link href="https://fonts.googleapis.com/css?family=Muli|Nunito+Sans|Titillium+Web" rel="stylesheet">
     <link rel="stylesheet" href="css/styles.css" type="text/css">
   </head>
   <body>
@@ -34,45 +35,103 @@ <h2>California</h2>
 
       <h3>San Francisco Bay Area</h3>
 
-      <ul>
-        <li>
-          Dogpatch JS:
-          every Tuesday at 6pm,
-          <a href="http://dogpatchjs.com/">Website</a>,
-          <a href="https://twitter.com/dogpatchjs">Twitter</a>
-        </li>
-
-        <li>
-          NodeSchool Oakland:
-          <a href="https://nodeschool.io/oakland/">Website</a>
-          <a href="https://twitter.com/nodeschooloak">Twitter</a>
-        </li>
-
-        <li>
-          NodeSchool SF:
-          <a href="https://nodeschool.io/sf/">Website</a>
-          <a href="https://twitter.com/nodeschoolsf">Twitter</a>
-        </li>
-
-        <li>
-          Oakland JS:
-          every Wednesday at 6pm,
-          <a href=http://oaklandjs.com/>Website</a>,
-          <a href=https://twitter.com/oaklandjs>Twitter</a>
-        </li>
+      <div class="events">
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="http://dogpatchjs.com/">Dogpatch JS</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/dogpatchjs">@dogpatchjs</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://nodeschool.io/oakland/">NodeSchool Oakland</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/nodeschooloak">@nodeschooloak</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://nodeschool.io/sf/">NodeSchool SF</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/nodeschoolsf">@nodeschoolsf</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://sudoroom.org">Sudo Room JS Hack Night</a>
+              </span>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="http://oaklandjs.com">Oakland.js</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/oaklandjs">@oaklandjs</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://wafflejs.com">WaffleJS</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/wafflejs">@wafflejs</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+      </div>
 
-        <li>
-          Sudo Room JavaScript Hack Night:
-          every Thursday at 7pm,
-          <a href=https://sudoroom.org>Website</a>
-        </li>
 
-        <li>
-          WaffleJS:
-          <a href=https://wafflejs.com/>Website</a>,
-          <a href=https://twitter.com/wafflejs>Twitter</a>
-        </li>
-      </ul>
     <div>
 
     <a href="https://github.com/javascriptevents/javascriptevents.github.io">

From 7b3dcca01686f540a6a76aca8fbe5cbf110ba3d2 Mon Sep 17 00:00:00 2001
From: Joe Doyle <joe@joedoyle.us>
Date: Sun, 26 Mar 2017 15:09:32 -0700
Subject: [PATCH 2/4] Added more events and NodeSchool logo

---
 css/styles.css     |   2 +-
 img/nodeschool.png | Bin 0 -> 16594 bytes
 index.html         |  73 +++++++++++++++++++++++++++++++++++++++++++--
 3 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 img/nodeschool.png

diff --git a/css/styles.css b/css/styles.css
index 120f77f..5c19b75 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -29,7 +29,7 @@ time, mark, audio, video {
 }
 
 .center-content {
-  max-width: 1000px;
+  max-width: 1200px;
   margin: 0 auto;
 }
 
diff --git a/img/nodeschool.png b/img/nodeschool.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce84d6f584d43934a793c265b723ce6c06912ef8
GIT binary patch
literal 16594
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
Ezlb!lr2qf`

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index df03740..e1dba58 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,22 @@ <h2>California</h2>
       <h3>San Francisco Bay Area</h3>
 
       <div class="events">
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://www.meetup.com/BayNode/">BayNode</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/baynode_">@baynode_</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
         <div class="event-item">
           <div class="event-details">
             <div>
@@ -64,8 +80,7 @@ <h3>San Francisco Bay Area</h3>
             </div>
           </div>
           <div class="event-content">
-            <div><img src="img/nodejshex.png" /></div>
-            <div><img src="img/jslogo.png" /></div>
+            <div><img src="img/nodeschool.png" /></div>
           </div>
         </div>
         <div class="event-item">
@@ -79,6 +94,21 @@ <h3>San Francisco Bay Area</h3>
               <a class="twitter" href="https://twitter.com/nodeschoolsf">@nodeschoolsf</a>
             </div>
           </div>
+          <div class="event-content">
+            <div><img src="img/nodeschool.png" /></div>
+          </div>
+        </div>
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://meetup.com/sfnode">SF Node</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/sfnode">@sfnode</a>
+            </div>
+          </div>
           <div class="event-content">
             <div><img src="img/nodejshex.png" /></div>
             <div><img src="img/jslogo.png" /></div>
@@ -131,6 +161,45 @@ <h3>San Francisco Bay Area</h3>
         </div>
       </div>
 
+      <h2>Indiana</h2>
+
+      <h3>Indianapolis</h3>
+
+      <div class="events">
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://www.meetup.com/indyjs/">Indy.js</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/indyjs">@indyjs</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="https://www.meetup.com/Node-indy/">Node.Indy</a>
+              </span>
+            </div>
+            <div>
+              <a class="twitter" href="https://twitter.com/NodeIndy">@NodeIndy</a>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+      </div>
+
 
     <div>
 

From 67a72d80e09bdee6a80c565aaa6eb866c0819633 Mon Sep 17 00:00:00 2001
From: Joe Doyle <joe@joedoyle.us>
Date: Sun, 26 Mar 2017 15:14:25 -0700
Subject: [PATCH 3/4] Added js.la

---
 index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/index.html b/index.html
index e1dba58..ef52806 100644
--- a/index.html
+++ b/index.html
@@ -161,6 +161,24 @@ <h3>San Francisco Bay Area</h3>
         </div>
       </div>
 
+      <h3>Los Angeles</h3>
+
+      <div class="events">
+        <div class="event-item">
+          <div class="event-details">
+            <div>
+              <span class="event-title">
+                <a href="http://js.la/">js.la</a>
+              </span>
+            </div>
+          </div>
+          <div class="event-content">
+            <div><img src="img/nodejshex.png" /></div>
+            <div><img src="img/jslogo.png" /></div>
+          </div>
+        </div>
+      </div>
+
       <h2>Indiana</h2>
 
       <h3>Indianapolis</h3>

From 1b6368164d2f3dbeab1fa67906e40516421c4070 Mon Sep 17 00:00:00 2001
From: Joe Doyle <joe@joedoyle.us>
Date: Sun, 26 Mar 2017 15:15:41 -0700
Subject: [PATCH 4/4] Removed old fonts

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ef52806..3f66fac 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
   <head>
     <meta charset=utf-8>
     <title>JavaScript Events List</title>
-    <link href="https://fonts.googleapis.com/css?family=Muli|Nunito+Sans|Titillium+Web" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
     <link rel="stylesheet" href="css/styles.css" type="text/css">
   </head>
   <body>