Skip to content

Commit dfd199f

Browse files
author
mrmrs
committed
Updated homepage
1 parent e95f720 commit dfd199f

File tree

86 files changed

+2266
-941
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

86 files changed

+2266
-941
lines changed

‎components/articles/feature/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -673,12 +673,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
673673
</style>
674674

675675
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
676-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
677-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
678-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
679-
</svg>
680-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
681-
</a>
676+
<div class="mw9 center">
682677
<div class="mb4">
683678
<a class="black-70 link dim b dib mr3" href="/" title="Home">
684679
Home
@@ -693,6 +688,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
693688
<article>
694689
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
695690
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
691+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
692+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
693+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
694+
</svg>
695+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
696+
</a>
696697
</article>
697698
<div class="mt4">
698699
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -718,6 +719,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
718719
ταχύς or tachys, meaning "swift, quick, fast, rapid"
719720
</small>
720721

722+
</div>
721723
</footer>
722724

723725
<script>

‎components/articles/full-bleed-background/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -600,12 +600,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
600600
</style>
601601

602602
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
603-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
604-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
605-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
606-
</svg>
607-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
608-
</a>
603+
<div class="mw9 center">
609604
<div class="mb4">
610605
<a class="black-70 link dim b dib mr3" href="/" title="Home">
611606
Home
@@ -620,6 +615,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
620615
<article>
621616
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
622617
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
618+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
619+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
620+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
621+
</svg>
622+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
623+
</a>
623624
</article>
624625
<div class="mt4">
625626
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -645,6 +646,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
645646
ταχύς or tachys, meaning "swift, quick, fast, rapid"
646647
</small>
647648

649+
</div>
648650
</footer>
649651

650652
<script>

‎components/articles/large-title-text/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -552,12 +552,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
552552
</style>
553553

554554
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
555-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
556-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
557-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
558-
</svg>
559-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
560-
</a>
555+
<div class="mw9 center">
561556
<div class="mb4">
562557
<a class="black-70 link dim b dib mr3" href="/" title="Home">
563558
Home
@@ -572,6 +567,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
572567
<article>
573568
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
574569
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
570+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
571+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
572+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
573+
</svg>
574+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
575+
</a>
575576
</article>
576577
<div class="mt4">
577578
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -597,6 +598,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
597598
ταχύς or tachys, meaning "swift, quick, fast, rapid"
598599
</small>
599600

601+
</div>
600602
</footer>
601603

602604
<script>

‎components/articles/left-title-top-border/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -626,12 +626,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
626626
</style>
627627

628628
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
629-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
630-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
631-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
632-
</svg>
633-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
634-
</a>
629+
<div class="mw9 center">
635630
<div class="mb4">
636631
<a class="black-70 link dim b dib mr3" href="/" title="Home">
637632
Home
@@ -646,6 +641,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
646641
<article>
647642
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
648643
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
644+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
645+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
646+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
647+
</svg>
648+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
649+
</a>
649650
</article>
650651
<div class="mt4">
651652
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -671,6 +672,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
671672
ταχύς or tachys, meaning "swift, quick, fast, rapid"
672673
</small>
673674

675+
</div>
674676
</footer>
675677

676678
<script>

‎components/articles/left-title/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -573,12 +573,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
573573
</style>
574574

575575
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
576-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
577-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
578-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
579-
</svg>
580-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
581-
</a>
576+
<div class="mw9 center">
582577
<div class="mb4">
583578
<a class="black-70 link dim b dib mr3" href="/" title="Home">
584579
Home
@@ -593,6 +588,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
593588
<article>
594589
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
595590
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
591+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
592+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
593+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
594+
</svg>
595+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
596+
</a>
596597
</article>
597598
<div class="mt4">
598599
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -618,6 +619,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
618619
ταχύς or tachys, meaning "swift, quick, fast, rapid"
619620
</small>
620621

622+
</div>
621623
</footer>
622624

623625
<script>

‎components/articles/photo-essay/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -803,12 +803,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
803803
</style>
804804

805805
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
806-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
807-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
808-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
809-
</svg>
810-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
811-
</a>
806+
<div class="mw9 center">
812807
<div class="mb4">
813808
<a class="black-70 link dim b dib mr3" href="/" title="Home">
814809
Home
@@ -823,6 +818,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
823818
<article>
824819
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
825820
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
821+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
822+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
823+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
824+
</svg>
825+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
826+
</a>
826827
</article>
827828
<div class="mt4">
828829
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -848,6 +849,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
848849
ταχύς or tachys, meaning "swift, quick, fast, rapid"
849850
</small>
850851

852+
</div>
851853
</footer>
852854

853855
<script>

‎components/articles/single-column-large-title/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -635,12 +635,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
635635
</style>
636636

637637
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
638-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
639-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
640-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
641-
</svg>
642-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
643-
</a>
638+
<div class="mw9 center">
644639
<div class="mb4">
645640
<a class="black-70 link dim b dib mr3" href="/" title="Home">
646641
Home
@@ -655,6 +650,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
655650
<article>
656651
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
657652
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
653+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
654+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
655+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
656+
</svg>
657+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
658+
</a>
658659
</article>
659660
<div class="mt4">
660661
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -680,6 +681,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
680681
ταχύς or tachys, meaning "swift, quick, fast, rapid"
681682
</small>
682683

684+
</div>
683685
</footer>
684686

685687
<script>

‎components/articles/title-text-image/index.html

+8-6
Original file line numberDiff line numberDiff line change
@@ -480,12 +480,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
480480
</style>
481481

482482
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
483-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
484-
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
485-
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
486-
</svg>
487-
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
488-
</a>
483+
<div class="mw9 center">
489484
<div class="mb4">
490485
<a class="black-70 link dim b dib mr3" href="/" title="Home">
491486
Home
@@ -500,6 +495,12 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
500495
<article>
501496
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
502497
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
498+
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
499+
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
500+
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
501+
</svg>
502+
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
503+
</a>
503504
</article>
504505
<div class="mt4">
505506
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
@@ -525,6 +526,7 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
525526
ταχύς or tachys, meaning "swift, quick, fast, rapid"
526527
</small>
527528

529+
</div>
528530
</footer>
529531

530532
<script>

0 commit comments

Comments
 (0)