diff --git a/css/styles.css b/css/styles.css index 0a0f0eb..5c19b75 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 { @@ -28,6 +29,48 @@ time, mark, audio, video { } .center-content { - max-width: 1000px; + max-width: 1200px; 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 0000000..77c6ba2 Binary files /dev/null and b/img/jslogo.png differ diff --git a/img/nodejshex.png b/img/nodejshex.png new file mode 100644 index 0000000..a83ec5f Binary files /dev/null and b/img/nodejshex.png differ diff --git a/img/nodeschool.png b/img/nodeschool.png new file mode 100644 index 0000000..ce84d6f Binary files /dev/null and b/img/nodeschool.png differ diff --git a/index.html b/index.html index 6e19988..3f66fac 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,7 @@ JavaScript Events List + @@ -34,45 +35,190 @@

California

San Francisco Bay Area

- +
+
+
+
+ + BayNode + +
+
+ +
+
+
+
+
+
+
+
+
+
+ + Dogpatch JS + +
+
+ +
+
+
+
+
+
+
+
+
+
+ + NodeSchool Oakland + +
+
+ +
+
+
+
+
+
+
+
+
+ + NodeSchool SF + +
+
+ +
+
+
+
+
+
+
+
+
+ + SF Node + +
+
+ +
+
+
+
+
+
+
+
+
+
+ + Sudo Room JS Hack Night + +
+
+
+
+
+
+
+
+
+
+ + Oakland.js + +
+
+ +
+
+
+
+
+
+
+
+
+
+ + WaffleJS + +
+
+ +
+
+
+
+
+
+
+
+ +

Los Angeles

+ +
+
+
+
+ + js.la + +
+
+
+
+
+
+
+
+ +

Indiana

+ +

Indianapolis

+ +
+
+
+
+ + Indy.js + +
+
+ +
+
+
+
+
+
+
+
+
+
+ + Node.Indy + +
+
+ +
+
+
+
+
+
+
+
+ +