forked from tychi/css-ceo
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.9 KiB
92 lines
2.9 KiB
<!DOCTYPE html>
|
|
<html lang="en"><head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>Hello World</title>
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="apple-touch-fullscreen" content="yes">
|
|
|
|
<style>* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header id="header">
|
|
<h1>Untitled</h1>
|
|
</header>
|
|
|
|
<aside id="aside">
|
|
<nav><a href="#about">About</a><a href="#features">Features</a><a href="#contact">Contact</a></nav>
|
|
</aside>
|
|
|
|
<main id="main">
|
|
<a name="about"></a>
|
|
<h2>About</h2>
|
|
<p>
|
|
This is a fully standalone webpage that was dynamically generated. You
|
|
can right-click anywhere and select "Save as..." or "Save Page As..."
|
|
to download it. To showcase your webpage to anyone else online, you'll
|
|
need to find a hosting provider.
|
|
</p>
|
|
|
|
<p>
|
|
The source code of this webpage can be changed with a plain text editor.
|
|
</p>
|
|
|
|
<a name="features"></a>
|
|
<h2>Features</h2>
|
|
<p>
|
|
This webpage was designed to be mixed and matched with compatible configurations, kind of like ordering a burrito.
|
|
</p>
|
|
|
|
<h3>Configurations</h3>
|
|
<dl>
|
|
<dt>Boilerplate</dt>
|
|
<dd>The general skeleton of the webpage. Most pages on any given site should share the same boilerplate for consistency.</dd>
|
|
|
|
<dt>Base</dt>
|
|
<dd>The underlying design principles for the webpage. The details are subtle, but provide a certain natural polish to all content.</dd>
|
|
|
|
<dt>Palette</dt>
|
|
<dd>All of the available colors to use for the page's design.</dd>
|
|
|
|
<dt>Layout</dt>
|
|
<dd>The general structure and design of a webpage. This also is responsible to mediate the design between the palette and the skin.</dd>
|
|
|
|
<dt>Skin</dt>
|
|
<dd>The opinionated preference for each design element. The same palette can be used to generate a variety of skins.</dd>
|
|
|
|
<dt>Template</dt>
|
|
<dd>Example content or feature that is unique to a given webpage. This
|
|
could be anything from a wall of text to a fully functional photo
|
|
gallery.</dd>
|
|
</dl>
|
|
|
|
<a name="contact"></a>
|
|
<h2>Contact</h2>
|
|
|
|
<p>
|
|
To stay up to date with the latest updates, please consider subscribing to the <a href="https://css.ceo/rss.xml">RSS Feed</a> or by <a href="mailto:list@css.ceo?subject=Request+to+join+mailing+list&body=Please+subscribe+me">joining the mailing list</a>
|
|
</p>
|
|
|
|
<p>
|
|
For any additional questions, please reach out to <a href="mailto:support@css.ceo?subject=Support+Question&body=I+have+a+question+about+...">Support</a>. As this is a volunteer project, it may take time to respond, but serious inquiries will eventually receive a response.
|
|
</p>
|
|
|
|
</main>
|
|
|
|
<footer id="footer">
|
|
This generated code is licensed under the MIT License. That
|
|
basically means you're free to do whatever you'd like with it, enjoy!
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
</body></html>
|