artin/tachyons
1
0
Fork 0
mirror of https://github.com/tachyons-css/tachyons.git synced 2026-02-06 11:06:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Site overview from home page. Components and such are breaking out into

Browse Source 
discreet sections.
This commit is contained in:
mrmrs 2014-06-12 00:48:28 -07:00
parent b933b6d556
commit bf94123f97
2 changed files with 20 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
footers/index.html
View File

@ -13,8 +13,8 @@
<link rel="stylesheet" href="../css/i.css">
</head>
<body class="sans-serif pan">
<header class="pvx bb b--near-white">
<h1 class="tc">Footers</h1>
<header class="pvx bb b--near-white bg-red">
<h1 class="tc white fw1 ttu">Footers</h1>
</header>
<footer class="pam">
<small class="db mbs">Copyright 2014</small>
@ -23,9 +23,13 @@
<li class="dib prs pbs"><a href="http://soundcloud.com/mr_mrs" class="link">soundcloud</a></li>
<li class="dib prs pbs"><a href="http://twitter.com/mrmrs_" class="link">twitter</a></li>
<li class="dib prs pbs"><a href="http://instagram.com/_mrmrs_" class="link">instagram</a></li>
<li class="dib prs pbs"><a href="http://facebook.com/" class="link">facebook</a></li>
<li class="dib prs pbs"><a href="http://dribbble.com/mrmrs" class="link">dribbble</a></li>
<li class="dib pbs"><a href="mailto:hi@mrmrs.cc" class="link">hi@mrmrs.cc</a></li>
<li class="db pbs ptm"><a href="mailto:hi@mrmrs.cc" class="link">hi@mrmrs.cc</a></li>
</ul>
</footer>
<footer>
</footer>
</body>
</html>

82
index.html
View File

@ -13,76 +13,20 @@
<link rel="stylesheet" href="css/i.css">
</head>
<body class="sans-serif">
<header>
<h1>TACHYONS</h1>
<h2>Markup examples for layouts and components</h2>
<header class="pal bb b--gray tc">
<h1 class="fw4 tc ttu man">TACHYONS</h1>
<h2 class="fw4">Markup examples for layouts and components</h2>
</header>
<main>
<p>Work in progress</p>
<ul>
<li>Vertical Nav</li>
<li>Horizontal Nav</li>
<li>Footer with social links</li>
<li>Footer with text links</li>
<li>Footer with multiple columns</li>
<li>Prose / Typography styles</li>
</ul>
<section>
<h1>Headers</h1>
<header class="bg-maroon wht pal pax-ns">
<h1 class="fw4 fw1 ttu tc-l thin mega-l man">Tachyons</h1>
<h2 class="fw1 uc ttu tc-l tabs small f4-ns">
Performance-first responsive css patterns
</h2>
</header>
</section>
<section>
<h1>Lists</h1>
<h2>Horizontal Navigation</h2>
<ul>
<li>Home</li>
<li>Shop</li>
<li>Contact</li>
<li>Settings</li>
<li>Log In</li>
</ul>
<h2>Vertical Navigation</h2>
<ul>
<li>Sign Up</li>
<li>FAQ</li>
<li>Tasks</li>
<li>Opportunities</li>
<li>Feed</li>
<li>Messages</li>
<li>Contact</li>
</ul>
</section>
<section class="pal">
<h1>Buttons</h1>
<a href="#" class="btn ba br2 phm pvs link">Button</a>
<a href="#" class="btn ba br2 phm pvs link">Click Here Now</a>
</section>
<section>
<h1>Forms</h1>
</section>
<section>
<h1>Layouts</h1>
</section>
<section>
<h1>Footers</h1>
<footer class="pam pax-ns bg-teal">
<p class="f6 title ttu">Copyright everything obvi forever</p>
<ul class="list mln pan">
<li class="dib prs"><a class="link wht" href="http://github.com/mrmrs" title="mrmrs">github</a></li>
<li class="dib prs"><a class="link wht" href="http://twitter.com/mrmrs_" title="mrmrs_">twitter</a></li>
<li class="dib prs"><a class="link wht" href="http://soundcloud.com/mr_mrs" title="mrmrs_">soundcloud</a></li>
<li class="dib prs"><a class="link wht" href="http://instagram.com/mrmrs_" title="mrmrs_">instagram</a></li>
</ul>
</footer>
</section>
<main class="pal">
<a class="db link f1" href="footers/">Footers</a>
<a class="db link f1" href="headers/">Headers</a>
<a class="db link f1" href="buttons/">Buttons</a>
<a class="db link f1" href="links/">Links</a>
<a class="db link f1" href="typography/">Typography</a>
<a class="db link f1" href="forms/">Forms</a>
<a class="db link f1" href="grid/">Grid</a>
<a class="db link f1" href="skins/">Skins</a>
<a class="db link f1" href="navs/">Navs</a>
</main>
</body>
</html>