More sketch of site

This commit is contained in:
Tony Garnock-Jones 2016-03-30 18:32:07 -04:00
parent d82b74a946
commit 03a521319a
7 changed files with 402 additions and 8 deletions

7
_includes/common_footer Normal file
View File

@ -0,0 +1,7 @@
<!-- -*- html -*- -->
<div class="clear"></div>
<div id="footer">
<p>
Copyright &copy; 2009&ndash;2016, Tony Garnock-Jones
</p>
</div>

0
_includes/common_header Normal file
View File

View File

@ -0,0 +1,10 @@
<!-- -*- html -*- -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/style.css" title="stylesheet" media="screen">
<link href="//fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Lora" rel="stylesheet" type="text/css">
<meta name="author" content="Tony Garnock-Jones">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% if page.feed %}
<link rel="alternate" type="application/atom+xml" href="{{ page.feed }}" title="Atom feed" />
{% endif %}

8
_includes/common_nav Normal file
View File

@ -0,0 +1,8 @@
<!-- -*- html -*- -->
<div class="mainmenu">
<ul>
<li><a href="{{ site.baseurl }}">home</a></li>
<li><a href="{{ site.baseurl }}/code.html">code</a></li>
</ul>
</div>
<div class="clear"></div>

View File

@ -1,19 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
{% include common_html_headers %}
<title>{{ site.title }}: {{ page.title }}</title>
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/style.css" title="stylesheet" media="screen">
<meta name="author" content="Tony Garnock-Jones">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="page">
{% include common_nav %}
{% include common_header %}
<div id="content">
{{ content }}
</div>
{% include common_footer %}
</div>
</body>
</html>

View File

@ -1,9 +1,18 @@
---
title: Main Page
title: Home
layout: page
---
# Syndicate
# syn·di·cate
**noun**
/ˈsindikit/
1. a self-organizing group of individuals, companies, corporations or
entities formed to transact some specific business, to pursue or
promote a shared interest. <small>—[Wikipedia](https://en.wikipedia.org/wiki/Syndicate)</small>
---
Syndicate is an Actor-based language with multicast, features for
managing shared state, and grouping of actors.

362
style.css Normal file
View File

@ -0,0 +1,362 @@
---
layout:
color1: "#4B4B61"
color2: "#0ac"
linkcolor: "#28b"
textfonts: "'Lora', Georgia"
headerfonts: "'Bree Serif', Georgia"
---
/*---------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*---------------------------------------------------------------------------*/
body {
background: #eee;
}
body, th, td, input, textarea {
font-family: {{ page.textfonts }};
font-size: 10pt;
color: {{ page.color1 }};
}
h1, h2, h3, h4, h5, h6 {
font-family: {{ page.headerfonts }};
}
#page.frontpage h1 {
font-size: 56pt;
}
h1, h2, h3 {
margin-top: 0.5em;
color: {{ page.color2 }};
font-weight: normal;
}
h1 a, h2 a, h3 a {
color: {{ page.color2 }};
}
h1 {
font-size: 3em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.1em;
}
p, ul, ol {
margin-top: 1em;
line-height: 1.3em;
font-size: 1.1em;
}
ul ul {
margin-top: 0.5em;
font-size: 1em;
}
ul p {
font-size: 1em;
}
ul, ol {
margin-bottom: 0.5em;
margin-left: 3em;
}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
blockquote {
margin-left: 3em;
margin-right: 3em;
}
a {
text-decoration: none;
color: {{ page.linkcolor }};
}
hr {
border: none;
border-top: solid black 1px;
}
#page {
max-width: 800px;
margin: 0 auto;
background: #FFFFFF;
padding: 0 1em;
}
#header {
padding-bottom: 2px;
border-bottom: solid {{ page.color1 }} 1px;
}
#header h2 {
float: right;
}
#header a {
font-variant: small-caps;
}
.historylinks {
text-align: center;
}
.historylinks.bottom {
margin-top: 10px;
}
.footnotes {
border-top: dashed {{ page.color1 }} 1px;
font-size: 0.8em;
margin-top: 2em;
}
.content {
margin: 0;
margin-left: 199px;
padding-top: 0;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
min-height: 400px;
}
.content h1 {
margin: 0;
padding-top: 10px;
padding-bottom: 5px;
text-align: left;
font-size: 24pt;
}
.content h1,
.content h2,
.content h3 {
margin-left: -30px;
}
.content .entry_footer {
text-align: right;
}
.sidebar {
float: left;
width: 150px;
padding-top: 30px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
text-align: left;
border-left: solid #A5A5AF 1px;
margin-left: -1px;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.5em;
color: {{ page.color2 }};
}
.sidebar li {
padding-bottom: 0.5em;
}
.sidebar li ul {
padding-top: 0.5em;
padding-left: 10px;
font-size: 0.7em;
}
.sidebar li li {
}
.sidebar li a { color: {{ page.linkcolor }}; }
.sidebar li li a { color: {{ page.color2 }}; }
.sidebar a:hover {
}
.clear { clear: both; }
.clearright { clear: right; }
#footer {
background: #FFFFFF;
padding: 0.5em 0;
margin-bottom: 1em;
}
#footer p {
text-align: center;
font-size: 8pt;
color: {{ page.color2 }};
}
div.sitemap_subcategory {
margin-left: 2em;
}
.sitemap_categorylink {
font-size: 1.1em;
}
.center {
text-align: center;
}
.pinkborder {
border: solid {{ page.color2 }} 1px;
padding: 8px;
}
img.sitelogo {
float: left;
margin: 15px;
}
.rightfloat, .leftfloat {
margin: 0.3em;
}
a img {
border: 0;
}
.cornerpic {
float: right;
width: 250px;
padding: 1em;
padding-right: 0;
margin: 0;
}
.imagecenter {
text-align: center;
margin: 0.3em;
}
.leftfloat {
float: left;
margin-left: 0px;
margin-right: 1em;
}
.rightfloat {
float: right;
margin-left: 1em;
margin-right: 0px;
}
.topspace {
margin-top: 2em;
}
table {
margin-top: 1em;
margin-bottom: 1em;
}
th, td {
padding: 0.5em;
font-size: 0.88em;
}
th {
font-weight: normal;
color: {{ page.color2 }};
text-align: right;
vertical-align: top;
}
td {
text-align: left;
vertical-align: top;
}
.mainmenu {
margin: 0px;
}
.mainmenu ul {
margin-top: 0;
}
.mainmenu ul li {
display: inline;
float: right;
text-align: center;
margin-left: 0.5em;
margin-right: 0.5em;
}
pre {
padding: 0.5em;
margin-top: 0.5em;
background-color: #eeeeee;
color: black;
overflow: auto;
}
sup {
line-height: 0;
}