Updated Events Page
The table now is using the table from the style guide and presents the information in a clearer more attractive way to viewers.
This commit is contained in:
alexwolfe
Naomi Black
parent
9b27bfb61e
commit
9c58d28cfe
|
|
@ -1,170 +1,117 @@
|
||||||
|
table.is-full-width
|
||||||
|
thead
|
||||||
|
tr
|
||||||
|
th Event
|
||||||
|
th Location
|
||||||
|
th Date
|
||||||
|
|
||||||
<!-- I/O -->
|
tbody
|
||||||
.grid-fluid
|
|
||||||
.c2.text-left
|
|
||||||
h4 May 18-20, 2016
|
|
||||||
.c4.text-left
|
|
||||||
h4 Mountain View, CA, USA
|
|
||||||
.c4.text-left
|
|
||||||
h4
|
|
||||||
a(
|
|
||||||
target="_blank"
|
|
||||||
href="https://events.google.com/io2016/"
|
|
||||||
) Google I/O
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
<!-- DrupalCon -->
|
|
||||||
.grid-fluid
|
|
||||||
.c2.text-left
|
|
||||||
h4 May 9-13, 2016
|
|
||||||
.c4.text-left
|
|
||||||
h4 New Orleans, LA, USA
|
|
||||||
.c4.text-left
|
|
||||||
h4
|
|
||||||
a(
|
|
||||||
target="_blank"
|
|
||||||
href="https://events.drupal.org/neworleans2016"
|
|
||||||
) DrupalCon
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
<!-- angular-attack -->
|
|
||||||
.grid-fluid
|
|
||||||
.c2.text-left
|
|
||||||
h4 May 14-15, 2016
|
|
||||||
.c4.text-left
|
|
||||||
h4 48 hour online Angular hackathon
|
|
||||||
.c4.text-left
|
|
||||||
h4
|
|
||||||
a(
|
|
||||||
target="_blank"
|
|
||||||
href="http://www.angularattack.com/"
|
|
||||||
) Angular Attack
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
|
|
||||||
<!-- Devoxx -->
|
<!-- I/O -->
|
||||||
.grid-fluid
|
tr
|
||||||
.c2.text-left
|
th
|
||||||
h4 June 22-25, 2016
|
a(
|
||||||
.c4.text-left
|
target="_blank"
|
||||||
h4 Krakow, Poland
|
href="https://events.google.com/io2016/"
|
||||||
.c4.text-left
|
) Google I/O
|
||||||
h4
|
td Mountain View, CA, USA
|
||||||
a(
|
td May 18-20, 2016
|
||||||
target="_blank"
|
|
||||||
href="http://devoxx.pl/"
|
|
||||||
) Devoxx
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
|
|
||||||
<!-- FullStack -->
|
<!-- angular-attack -->
|
||||||
.grid-fluid
|
tr
|
||||||
.c2.text-left
|
th
|
||||||
h4 July 13-15, 2016
|
a(
|
||||||
.c4.text-left
|
target="_blank"
|
||||||
h4 London, UK
|
href="http://www.angularattack.com/"
|
||||||
.c4.text-left
|
) Angular Attack
|
||||||
h4
|
td 48 hour online Angular hackathon
|
||||||
a(
|
td May 14-15, 2016
|
||||||
target="_blank"
|
|
||||||
href="https://skillsmatter.com/conferences/7278-fullstack-2016-the-conference-on-javascript-node-and-internet-of-things"
|
|
||||||
) FullStack
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
|
|
||||||
<!-- UtahJS -->
|
|
||||||
.grid-fluid
|
|
||||||
.c2.text-left
|
|
||||||
h4 Sept. 16, 2016
|
|
||||||
.c4.text-left
|
|
||||||
h4 Salt Lake City, UT, USA
|
|
||||||
.c4.text-left
|
|
||||||
h4
|
|
||||||
a(
|
|
||||||
target="_blank"
|
|
||||||
href="https://conf.utahjs.com/"
|
|
||||||
) UtahJS
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
|
|
||||||
<!-- Angular Connect -->
|
|
||||||
.grid-fluid
|
|
||||||
.c2.text-left
|
|
||||||
h4 Sept. 27-28, 2016
|
|
||||||
.c4.text-left
|
|
||||||
h4 London, UK
|
|
||||||
.c4.text-left
|
|
||||||
h4
|
|
||||||
a(
|
|
||||||
target="_blank"
|
|
||||||
href="http://angularconnect.com/"
|
|
||||||
) Angular Connect
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
|
|
||||||
<!-- ng-europe -->
|
<!-- Devoxx -->
|
||||||
.grid-fluid
|
tr
|
||||||
.c2.text-left
|
th
|
||||||
h4 Oct. 24-26, 2016
|
a(
|
||||||
.c4.text-left
|
target="_blank"
|
||||||
h4 Paris, France
|
href="http://devoxx.pl/"
|
||||||
.c4.text-left
|
) Devoxx
|
||||||
h4
|
td Krakow, Poland
|
||||||
a(
|
td June 22-25, 2016
|
||||||
target="_blank"
|
|
||||||
href="https://ngeurope.org/"
|
|
||||||
) ng-europe
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
|
|
||||||
<!-- Devoxx Belgium -->
|
|
||||||
.grid-fluid
|
|
||||||
.c2.text-left
|
|
||||||
h4 Nov. 7-11, 2016
|
|
||||||
.c4.text-left
|
|
||||||
h4 Antwerp, Belgium
|
|
||||||
.c4.text-left
|
|
||||||
h4
|
|
||||||
a(
|
|
||||||
target="_blank"
|
|
||||||
href="https://www.devoxx.be/"
|
|
||||||
) Devoxx Belgium
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
<!-- DEVIntersection -->
|
|
||||||
.grid-fluid
|
|
||||||
.c2.text-left
|
|
||||||
h4 Nov 14-16, 2016
|
|
||||||
.c4.text-left
|
|
||||||
h4 Amsterdam, Netherlands
|
|
||||||
.c4.text-left
|
|
||||||
h4
|
|
||||||
a(
|
|
||||||
target="_blank"
|
|
||||||
href="https://www.devintersectioneurope.com/"
|
|
||||||
) DEVintersection Europe
|
|
||||||
.grid-fluid
|
|
||||||
.c10.text-center
|
|
||||||
hr
|
|
||||||
|
|
||||||
<!-- dotJS -->
|
<!-- FullStack -->
|
||||||
.grid-fluid
|
tr
|
||||||
.c2.text-left
|
th
|
||||||
h4 Dec. 5, 2016
|
a(
|
||||||
.c4.text-left
|
target="_blank"
|
||||||
h4 Paris, France
|
href="https://skillsmatter.com/conferences/7278-fullstack-2016-the-conference-on-javascript-node-and-internet-of-things"
|
||||||
.c4.text-left
|
) FullStack
|
||||||
h4
|
td London, UK
|
||||||
a(
|
td July 13-15, 2016
|
||||||
target="_blank"
|
|
||||||
href="http://www.dotjs.io/"
|
|
||||||
) dotJS
|
<!-- UtahJS -->
|
||||||
|
tr
|
||||||
|
th
|
||||||
|
a(
|
||||||
|
target="_blank"
|
||||||
|
href="https://conf.utahjs.com/"
|
||||||
|
) UtahJS
|
||||||
|
td Salt Lake City, UT, USA
|
||||||
|
td Sept. 16, 2016
|
||||||
|
|
||||||
|
<!-- Angular Connect -->
|
||||||
|
tr
|
||||||
|
th
|
||||||
|
a(
|
||||||
|
target="_blank"
|
||||||
|
href="http://angularconnect.com/"
|
||||||
|
) Angular Connect
|
||||||
|
td London, UK
|
||||||
|
td Sept. 27-28, 2016
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ng-europe -->
|
||||||
|
tr
|
||||||
|
th
|
||||||
|
a(
|
||||||
|
target="_blank"
|
||||||
|
href="https://ngeurope.org/"
|
||||||
|
) ng-europe
|
||||||
|
td Paris, France
|
||||||
|
td Oct. 24-26, 2016
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Devoxx Belgium -->
|
||||||
|
tr
|
||||||
|
th
|
||||||
|
a(
|
||||||
|
target="_blank"
|
||||||
|
href="https://www.devoxx.be/"
|
||||||
|
) Devoxx Belgium
|
||||||
|
td Antwerp, Belgium
|
||||||
|
td Nov. 7-11, 2016
|
||||||
|
|
||||||
|
|
||||||
|
<!-- DEVIntersection -->
|
||||||
|
tr
|
||||||
|
th
|
||||||
|
a(
|
||||||
|
target="_blank"
|
||||||
|
href="https://www.devintersectioneurope.com/"
|
||||||
|
) DEVintersection Europe
|
||||||
|
td Amsterdam, Netherlands
|
||||||
|
td Nov 14-16, 2016
|
||||||
|
|
||||||
|
|
||||||
|
<!-- dotJS -->
|
||||||
|
tr
|
||||||
|
th
|
||||||
|
a(
|
||||||
|
target="_blank"
|
||||||
|
href="http://www.dotjs.io/"
|
||||||
|
) dotJS
|
||||||
|
td Paris, France
|
||||||
|
td Dec. 5, 2016
|
||||||
|
|
@ -4,19 +4,45 @@ table {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background: $snow;
|
background: $snow;
|
||||||
|
|
||||||
th,
|
&.is-full-width {
|
||||||
td {
|
width: 100%;
|
||||||
padding: ($unit * 2) ($unit * 4);
|
|
||||||
border-bottom: 1px solid $fog;
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
thead {
|
||||||
background: $mist;
|
th {
|
||||||
font-weight: 500;
|
background: $mist;
|
||||||
|
border-bottom: 1px solid $mist;
|
||||||
|
color: $metal;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: ($unit) ($unit * 4);
|
||||||
|
text-align: left;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
tr:last-child td {
|
tbody {
|
||||||
border: none;
|
th,
|
||||||
|
td {
|
||||||
|
border-bottom: 1px solid $mist;
|
||||||
|
color: $platinum;
|
||||||
|
padding: ($unit * 2) ($unit * 4);
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background: rgba($mist, .24);
|
||||||
|
border-right: 1px solid $mist;
|
||||||
|
font-weight: 600;
|
||||||
|
max-width: 100px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $blueberry;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:last-child td {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue