Page MenuHomeDevCentral
Files F10190415

design.html
No OneTemporary
Actions

design.html
View Options

<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Ralf falls into Foundation design - Tools</title>
<!-- Included CSS Files (Uncompressed) -->
<!--
<link rel="stylesheet" href="/stylesheets/foundation.css">
-->
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="/stylesheets/foundation.min.css">
<script src="javascripts/modernizr.foundation.js"></script>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/stylesheets/general_foundicons.css">
<link rel="stylesheet" href="/stylesheets/general_enclosed_foundicons.css">
<link rel="stylesheet" href="/stylesheets/social_foundicons.css">
<link rel="stylesheet" href="/stylesheets/accessibility_foundicons.css">
<!--[if lt IE 8]>
<link href="/stylesheets/general_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/general_enclosed_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/social_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/accessibility_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="/stylesheets/caslon_ampersand.css">
<link rel="stylesheet" href="/stylesheets/app.css">
</head>
<body>
<!-- Header -->
<header>
<div class="row">
<div class="twelve columns">
<h1><a href="/"><i class="general foundicon-tools"></i></a>Ralf falls into Foundation</h1>
</div>
</div>
<div class="row">
<div class="six columns">
<p><i class="accessibility foundicon-question"></i><br />
Shows the layout and the theme <em>Ralf falls into Foundation</em>.
</p>
</div>
<div class="six columns">
<p class="right"><a href="/"><i class="accessibility foundicon-braille"></i></a><br />
Tools — <em>Small utilities, gadgets and scripts to perform daily tasks.</em></p>
</div>
</div>
</header>
<!-- Body -->
<style>p { text-align: justify; }</style>
<section id="content"><div class="row">
<div class="twelve columns">
<h2>Our alpha design is ready for tools launch.</h2>
<div class="eight columns">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer orci ipsum, lacinia sed mattis eu, auctor sed enim. Duis varius volutpat feugiat. Duis id ipsum eu dui suscipit semper. Curabitur at fringilla justo. Vestibulum vulputate luctus orci, eget pharetra nibh suscipit vitae. Cras gravida placerat dolor, eu vestibulum neque aliquet sit amet. Curabitur at urna id neque auctor gravida. Curabitur facilisis erat et quam adipiscing posuere. Maecenas ac sapien quis lacus vehicula mollis. Quisque tempor ante sem, sit amet blandit odio. Nunc cursus tincidunt diam, vitae fermentum sapien ultricies viverra. Fusce nec neque eget nibh pretium auctor.</p>
<h3>Ipsum</h3>
<p>Vivamus quis quam velit. Quisque elit justo, iaculis in rutrum sit amet, tristique sit amet velit. Ut ornare, lorem nec dapibus ultricies, nulla augue fermentum nibh, sed tempor dolor urna eget mauris. Nam fermentum est nec lacus pharetra nec varius velit aliquam. Praesent id ante nibh. Maecenas sed nisi purus, sit amet luctus turpis. Nam magna quam, rutrum nec adipiscing at, laoreet nec lectus. Nullam non sapien nibh, ac pellentesque dui. Mauris vel risus id augue commodo commodo non sit amet justo. Donec nec lorem vitae dolor congue consectetur. Nunc nisl libero, ultricies quis pulvinar sed, laoreet eget enim. Sed tempus eros vitae risus sollicitudin ultrices. Praesent lobortis imperdiet est, sit amet fringilla risus tincidunt nec. Nunc in felis in mauris varius condimentum.</p>
<h3>Dolor</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla justo ipsum, scelerisque quis interdum quis, sollicitudin sit amet quam. Aenean non elit ut leo pulvinar molestie. Curabitur lacinia nibh eget sapien semper quis suscipit odio dictum. Nunc non orci at nisi interdum congue sed ut lacus. Morbi dictum dictum nunc, nec luctus ipsum malesuada quis. Nulla facilisi.</p>
</div>
<div class="four columns">
<h3>Sit</h3>
<p>Pellentesque fermentum facilisis molestie. Donec posuere neque in lectus ultrices gravida. Duis aliquam fringilla diam ac consectetur. Morbi cursus sodales suscipit. Maecenas nibh neque, venenatis ac consequat et, blandit eget ante. Ut fermentum malesuada justo, id tempor purus euismod at. Phasellus consequat, lacus vitae porttitor dictum, nunc lectus tincidunt eros, vel malesuada erat risus vel purus. Maecenas quis sem nibh, vitae auctor tortor. Nunc id leo id odio facilisis congue sed sit amet urna. Nam vel lectus a tortor hendrerit dictum.</p>
<h3>Amet</h3>
<p>Vivamus ut nunc vitae lorem sollicitudin condimentum. Pellentesque sit amet leo nec orci porta mollis vel non ligula. Proin cursus ultricies enim eget hendrerit. Pellentesque interdum ultrices urna sit amet imperdiet. Nam tincidunt turpis ut purus placerat eget tempus lectus tempus. Suspendisse ante eros, laoreet a vulputate nec, aliquet ut tortor. Morbi quis arcu quis quam ultrices ultricies bibendum at metus. Nam elementum posuere cursus. Cras pulvinar libero id turpis aliquet auctor et sit amet erat. Aliquam a neque sed ligula iaculis semper nec quis sem. Nunc quis ullamcorper odio. </p>
</div>
</div>
</div></section>
<!-- Footer -->
<footer><div class="row">
<div class="twelve columns"><hr />
<div class="row">
<div class="three columns">
<p>This site is a repository of tools.</p>
<p>This is also an experiment to create a site based on Pluton, Foundation, Hg <span class="ampersand">&</span> Nasqueron.</p>
</div>
<div class="three columns">
<dl>
<dt>Gerrit</dt>
<dd>Activity feeds</dd>
<dd>RSS generator</dd>
</dl>
</div>
<div class="three columns">
<dl>
<dt>Network</dt>
<dd><a href="/network/mx.php">MX</a></dd>
</dl>
</div>
<div class="three columns">
<dl>
<dt>Gadgets</dt>
<dd><a href="/gadgets/motd-variations.php">MOTD in Jive <span class="ampersand">&</span> Valspeak</a></dd>
</dl>
</div>
</div>
</div>
<div class="twelve columns"><hr />
<div class="row extrainfos">
<div class="six columns">
<p><i class="general foundicon-settings"></i> <strong>Options:</strong> <a href="javascript:SetUITonality('dark');">dark mode</a> | <a href="javascript:SetUITonality('light');">light mode</a></p>
</div>
</div>
<div class="row extrainfos">
<div class="seven columns">
<p><i class="general foundicon-globe"></i> <strong>Service author:</strong> <a href="http://www.dereckson.be/">Dereckson</a> | <strong>Powered by</strong> <a href="http://keruald.sf.net">Keruald/Pluton</a> <span class="ampersand">&</span> <a href="http://foundation.zurb.com/">Foundation</a>.</p>
</div>
<div class="five columns">
<ul class="link-list right">
<li><a href="http://www.dereckson.be/tools">DcK Area's tools</a></li>
<li><a href="http://www.espace-win.org/Tools">Espace Win's tools</a></li>
<li><a href="http://www.toolserver.org/~dereckson/">Toolserver</a></li>
</ul>
</div>
</div>
</div>
</div></footer>
<script src="/javascripts/foundation.min.js"></script>
<script src="/javascripts/jquery.cookie.js"></script>
<script src="/javascripts/app.js"></script>
</body>
</html>

File Metadata

Mime Type
text/html
Expires
Thu, Jun 26, 05:21 (1 d, 15 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2569715
Default Alt Text
design.html (7 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator