Skip to content

Instantly share code, notes, and snippets.

@Announcement
Created August 14, 2014 22:29
Show Gist options
  • Select an option

  • Save Announcement/806744172fad2dca6289 to your computer and use it in GitHub Desktop.

Select an option

Save Announcement/806744172fad2dca6289 to your computer and use it in GitHub Desktop.
For new design protocol
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<!-- Definitions -->
<meta name="author"
content="Anonymous">
<meta name="keywords"
content="HTML5 CSS3 ECMA6 LIVE LESS">
<meta name="description"
content="Description not available for this document.">
<!-- Attention -->
<title>Untitled Document</title>
<!-- Requirements -->
<link rel="stylesheet" type="text/css" href="style/reset.css">
<link rel="stylesheet" type="text/less" href="style/more.less">
<script type="text/javascript" src="script/less.min.js"></script>
</head>
<body>
<header>
<!-- Navigation -->
<h1>Untitled document</h1>
<em>Insert catchy slogan here</em>
<nav>
<a href="#">Homepage</a>
<a href="#">Support</a>
</nav>
</header>
<aside>
<!-- Description -->
<h2>Product or Page</h2>
<figure>
<img src="/meta/profile.jpg" id="profile" title="Profile picture" alt="Broken"/>
<figcaption>Logo icon for selected project</figcaption>
</figure>
<p>Selection, yet another various example of what a filler should look like for designers and content artisans. </p>
<a href="#">Affiliations</a>
</aside>
<main>
<!-- Application -->
<pre>
resources:
style
reset.css
more.less
scripts
less.min.js
framework.js
Livescript.js
</pre>
</main>
<section>
<!-- Prescendent -->
<article class="related">
<h2>Information</h2>
<p>Provided content description related to main preview temporarily unavailable.</p>
</article>
<article class="comments">
<!-- This could be social media type comments, blog posts, related content etc. -->
</article>
</section>
<footer>
<!-- Information -->
</footer>
<!-- Interactions -->
<script type="text/javascript" src="script/framework.js"></script>
<script type="text/javascript" src="script/Livescript.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment