Commit 5edc10a9 authored by Patrick Fenner's avatar Patrick Fenner

style updates

parent d933cdde
<!doctype html>
<html>
<head>
<title>What The Fork Is&hellip;</title>
<title>What The Fork Is My New Project Name?</title>
<meta name="description" content="A project name idea generator" />
<meta name="author" content="DefProc" />
<link rel="apple-touch-icon" href="images/custom_icon.png"/>
......@@ -11,14 +11,14 @@
<body>
<div id="wrapper">
<header>
<h1>What The Fork Is&hellip;</h1>
<h1>What The Fork Is My New Project Name?</h1>
</header>
<article>
<div id="output">
<noscript>
<dl>
<dt>What the fork! You don't have JavaScript enabled!</dt>
<dd>You need to enable it to see all the forking cool shirt on this website...</dd>
<dd>You need to enable it to see all the forking cool shirt for this generator...</dd>
</dl>
</noscript>
</div>
......@@ -26,19 +26,19 @@
</article>
<aside>
<ul id="share">
<li id="share-facebook"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwhattheforkismymashup.com&amp;layout=button_count&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe></li>
<li id="share-twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://whattheforkismymashup.com" data-count="horizontal" data-via="soulwire">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></li>
<li id="share-facebook"><iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdefproc.co.uk%2Fp%2Fwtfimpn&amp;layout=button_count&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe></li>
<li id="share-twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-url="https://defproc.co.uk/p/wtfimpn" data-count="horizontal" data-via="defproc">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></li>
</ul>
</aside>
<footer>
<div id="from"><a href="https://defproc.co.uk/project/project-name" title="DefProc | Project Name">WTFIMNPN</a> is a project by <a href="https://defproc.co.uk" title="DefProc Engineering | Concept, Prototype, Create">DefProc Engineering</a></div>
<div id="about">If you make it, make sure you make it <a href="http://www.opensource.org/" target="blank">Open Source</a></div>
<div id="credit">Built with <a href="https://github.com/soulwire/WTFEngine" title="An HTML / CSS / JavaScript template for creating WhatTheForkIsMyMashup.com style web sites" target="_blank">WTF Engine</a> by <a href="http://blog.soulwire.co.uk/" title="Made by Justin Windle @soulwire">Justin</a></div>
<div id="credit">Built from <a href="https://github.com/soulwire/WTFEngine" title="An HTML / CSS / JavaScript template for creating WhatTheForkIsMyMashup.com style web sites" target="_blank">WTF Engine</a> by <a href="http://blog.soulwire.co.uk/" title="Made by Justin Windle @soulwire">Justin</a></div>
<div id="total">There are <span id="templates"></span> and <span id="outcomes"></span> possibilities</div>
</footer>
<img class="loading" src="images/loading.gif">
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.2/zepto.min.js"></script>
<script>window.Zepto || document.write('<script src="scripts/vendor/zepto.min.js"><\/script>')</script>
<script src="scripts/vendor/zepto.min.js"></script>
<script src="scripts/wtf.js"></script>
<script src="scripts/main.js"></script>
</body>
......
......@@ -9,8 +9,7 @@ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address
*/
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: lowercase;
font-family: Arial, sans-serif;
height: 100%;
}
......@@ -65,13 +64,15 @@ noscript {
#output dd {
display: block;
text-transform: lowercase;
color: #f90;
margin: 60px 0;
}
#generate {
text-decoration: none;
font-size: 20px;
color: #000;
color: #aaa;
}
#generate:hover {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment