-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
48 lines (43 loc) · 2.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="rainbow-theme.css" rel="stylesheet" type="text/css" />
</head>
<body class="traditional">
<style>#forkongithub a{background:#000;color:#fff;text-decoration:none;font-family:arial, sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}#forkongithub a:hover{background:#b38f00;color:#fff;}#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}#forkongithub a::after{bottom:1px;top:auto;}@media screen and (min-width:700px){#forkongithub{position:absolute;display:block;top:-5px;right:0;width:200px;overflow:hidden;height:200px;}#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:0px 2px 10px rgba(0,0,0,0.25);}}</style><span id="forkongithub"><a href="https://github.com/starburst1977/out-of-words">Fork me on GitHub</a></span>
<div id="provider-content">
<h1 class="theme-headline"><span><span>Out</span> of</span> Words<b>!</b></h1>
<center><h3>The responsive typography framework behind <a href="http://www.newnet-soft.com/words">Words App</a></h3></center>
<br>
<div class="disclaimer"><small>
The structure & layout are indented for being used inside Words app. These examples are for testing & experimenting,
but can be interesting to anyone who wants to see how newspaper layouts in HTML/CSS can look like. They are best
viewed in Webkit (due to being used inside a mac app).</small>
</div>
<br>
<div>
Different views of articles & themes. More to come soon.
</div>
<h3>Traditional theme</h3>
<ul>
<li><a href="single-col-traditional.html">Single Column View</a></li>
<li><a href="multi-col-traditional.html">Multi Column View</a></li>
</ul>
<h3>Liberation theme</h3>
<ul>
<li><a href="single-col-liberation.html">Single Column View</a></li>
<li><a href="multi-col-liberation.html">Multi Column View</a></li>
</ul>
<h3>Minimal theme</h3>
<ul>
<li><a href="single-col-minimal.html">Single Column View</a></li>
<li><a href="multi-col-minimal.html">Multi Column View</a></li>
</ul>
<p>
This isn't the framework we us in the present version of Words (although it's quite similar). But we will ship it inside our next update.
</p>
</div>
</body>
</html>