iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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 2016-05-04 09:13:31 -07:00 committed by Naomi Black
parent 9b27bfb61e
commit 9c58d28cfe
2 changed files with 145 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

191
public/events.jade
View File

@ -1,170 +1,117 @@
table.is-full-width
thead
tr
th Event
th Location
th Date
<!-- I/O --> tbody
.grid-fluid
.c2.text-left <!-- I/O -->
h4 May 18-20, 2016 tr
.c4.text-left th
h4 Mountain View, CA, USA
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="https://events.google.com/io2016/" href="https://events.google.com/io2016/"
) Google I/O ) Google I/O
.grid-fluid td Mountain View, CA, USA
.c10.text-center td May 18-20, 2016
hr
<!-- DrupalCon -->
.grid-fluid <!-- angular-attack -->
.c2.text-left tr
h4 May 9-13, 2016 th
.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( a(
target="_blank" target="_blank"
href="http://www.angularattack.com/" href="http://www.angularattack.com/"
) Angular Attack ) Angular Attack
.grid-fluid td 48 hour online Angular hackathon
.c10.text-center td May 14-15, 2016
hr
<!-- Devoxx -->
.grid-fluid
.c2.text-left <!-- Devoxx -->
h4 June 22-25, 2016 tr
.c4.text-left th
h4 Krakow, Poland
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="http://devoxx.pl/" href="http://devoxx.pl/"
) Devoxx ) Devoxx
.grid-fluid td Krakow, Poland
.c10.text-center td June 22-25, 2016
hr
<!-- FullStack -->
.grid-fluid <!-- FullStack -->
.c2.text-left tr
h4 July 13-15, 2016 th
.c4.text-left
h4 London, UK
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="https://skillsmatter.com/conferences/7278-fullstack-2016-the-conference-on-javascript-node-and-internet-of-things" href="https://skillsmatter.com/conferences/7278-fullstack-2016-the-conference-on-javascript-node-and-internet-of-things"
) FullStack ) FullStack
.grid-fluid td London, UK
.c10.text-center td July 13-15, 2016
hr
<!-- UtahJS -->
.grid-fluid <!-- UtahJS -->
.c2.text-left tr
h4 Sept. 16, 2016 th
.c4.text-left
h4 Salt Lake City, UT, USA
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="https://conf.utahjs.com/" href="https://conf.utahjs.com/"
) UtahJS ) UtahJS
.grid-fluid td Salt Lake City, UT, USA
.c10.text-center td Sept. 16, 2016
hr
<!-- Angular Connect --> <!-- Angular Connect -->
.grid-fluid tr
.c2.text-left th
h4 Sept. 27-28, 2016
.c4.text-left
h4 London, UK
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="http://angularconnect.com/" href="http://angularconnect.com/"
) Angular Connect ) Angular Connect
.grid-fluid td London, UK
.c10.text-center td Sept. 27-28, 2016
hr
<!-- ng-europe -->
.grid-fluid <!-- ng-europe -->
.c2.text-left tr
h4 Oct. 24-26, 2016 th
.c4.text-left
h4 Paris, France
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="https://ngeurope.org/" href="https://ngeurope.org/"
) ng-europe ) ng-europe
.grid-fluid td Paris, France
.c10.text-center td Oct. 24-26, 2016
hr
<!-- Devoxx Belgium -->
.grid-fluid <!-- Devoxx Belgium -->
.c2.text-left tr
h4 Nov. 7-11, 2016 th
.c4.text-left
h4 Antwerp, Belgium
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="https://www.devoxx.be/" href="https://www.devoxx.be/"
) Devoxx Belgium ) Devoxx Belgium
.grid-fluid td Antwerp, Belgium
.c10.text-center td Nov. 7-11, 2016
hr
<!-- DEVIntersection -->
.grid-fluid <!-- DEVIntersection -->
.c2.text-left tr
h4 Nov 14-16, 2016 th
.c4.text-left
h4 Amsterdam, Netherlands
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="https://www.devintersectioneurope.com/" href="https://www.devintersectioneurope.com/"
) DEVintersection Europe ) DEVintersection Europe
.grid-fluid td Amsterdam, Netherlands
.c10.text-center td Nov 14-16, 2016
hr
<!-- dotJS -->
.grid-fluid <!-- dotJS -->
.c2.text-left tr
h4 Dec. 5, 2016 th
.c4.text-left
h4 Paris, France
.c4.text-left
h4
a( a(
target="_blank" target="_blank"
href="http://www.dotjs.io/" href="http://www.dotjs.io/"
) dotJS ) dotJS
td Paris, France
td Dec. 5, 2016

32
public/resources/css/module/_table.scss
View File

@ -4,19 +4,45 @@ table {
border-radius: 2px; border-radius: 2px;
background: $snow; background: $snow;
&.is-full-width {
width: 100%;
}
thead {
th {
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;
}
}
tbody {
th, th,
td { td {
border-bottom: 1px solid $mist;
color: $platinum;
padding: ($unit * 2) ($unit * 4); padding: ($unit * 2) ($unit * 4);
border-bottom: 1px solid $fog;
text-align: left; text-align: left;
} }
th { th {
background: $mist; background: rgba($mist, .24);
font-weight: 500; border-right: 1px solid $mist;
font-weight: 600;
max-width: 100px;
a {
color: $blueberry;
}
} }
tr:last-child td { tr:last-child td {
border: none; border: none;
} }
}
} }