Skip to content

Commit ff48f3e

Browse files
soimortsoimort
committed
initial index.html
1 parent be4a956 commit ff48f3e

File tree

3 files changed

+169
-0
lines changed

3 files changed

+169
-0
lines changed

‎index.css

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
article {
2+
padding-bottom: 0;
3+
}
4+
5+
div#content {
6+
padding-top: 1em;
7+
text-align: center;
8+
}
9+
10+
div#content ul {
11+
list-style-type: none;
12+
margin: 0;
13+
padding: 0;
14+
font-size: 24px;
15+
line-height: 48px;
16+
}
17+
18+
div#content li {
19+
transition: .5s;
20+
color: ivory; /* $B */
21+
}
22+
div#content li:hover {
23+
color: firebrick; /* $F */
24+
}
25+
26+
div#content li a {
27+
font-variant: small-caps;
28+
}
29+
30+
div#content li em {
31+
display: block;
32+
position: absolute;
33+
right: 8.33%;
34+
margin-top: -48px;
35+
padding: 0;
36+
font-size: 15px;
37+
}
38+
39+
div#content hr {
40+
width: 61.8%;
41+
height: 1px;
42+
border: 0;
43+
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(178, 34, 34, 0.5), rgba(0, 0, 0, 0));
44+
}
45+
46+
aside#soimort-links {
47+
position: fixed;
48+
width: 100%;
49+
left: 0;
50+
bottom: 2.5%;
51+
text-align: center;
52+
font-size: 24px;
53+
}
54+
55+
aside#soimort-links #soimort {
56+
position: relative;
57+
top: .1em;
58+
}
59+
60+
aside#soimort-toolbar {
61+
visibility: hidden;
62+
}
63+
64+
@media (max-width: 1280px) {
65+
div#content li em {
66+
margin-top: -24px;
67+
}
68+
}

‎index.html

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<!DOCTYPE html>
2+
<!-- Akai (pandoc HTML5 template)
3+
designer: soimort
4+
last updated: 2016-05-06 -->
5+
<html>
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="generator" content="pandoc">
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
10+
<meta name="dcterms.date" content="2016-05-07">
11+
<title>Through the Looking-Glass</title>
12+
<link rel="canonical" href="https://www.soimort.org/">
13+
<style type="text/css">code { white-space: pre; }</style>
14+
<link rel="stylesheet" href="//cdn.soimort.org/fonts/api/URW-Palladio-L.css">
15+
<link rel="stylesheet" href="//cdn.soimort.org/normalize/4.1.1/normalize.min.css">
16+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
17+
<link rel="stylesheet" href="/__/css/style.css">
18+
<!--[if lt IE 9]>
19+
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
20+
<![endif]-->
21+
<script src="//cdn.soimort.org/jk/latest/jk.min.js"></script>
22+
<link rel="icon" href="/favicon.png">
23+
<link rel="apple-touch-icon" href="/favicon.png">
24+
</head>
25+
<body>
26+
<link rel="stylesheet" href="index.css">
27+
<article>
28+
<header>
29+
<h1 class="title"><a href="https://www.soimort.org/">Through the Looking-Glass</a></h1>
30+
<!-- h3 class="date">2016-05-07</h3 -->
31+
</header>
32+
<div id="content">
33+
<p>(<strong>2016-05-07</strong>: This site is still under construction. Links may not be up yet.)</p>
34+
<ul>
35+
<li><a href="http://mort.ninja/">About</a> <em>All you need to know about me.</em></li>
36+
<li><a href="//blog.soimort.org/">Blog</a> <em>Writings for fun.</em></li>
37+
</ul>
38+
<hr />
39+
<ul>
40+
<li><a href="//wiki.soimort.org/">Wiki</a> <em>Writings for profit.</em></li>
41+
<li><a href="/notebook">Notebook</a> <em>Inspirational stuff.</em></li>
42+
<li><a href="/code">Code</a> <em>Practical stuff.</em></li>
43+
</ul>
44+
<hr />
45+
<ul>
46+
<li><a href="/personal">Personal &amp; Misc.</a> <em>Warning: Expect graphical content.</em></li>
47+
<li><a href="/gallery">Gallery</a> <em>Could be anything.</em></li>
48+
</ul>
49+
<aside id="soimort-links">
50+
<a title="Feed" href="https://www.soimort.org/atom.xml"> <i class="fa fa-rss-square" aria-hidden="true"></i></a> <a title="GitHub" href="https://github.com/soimort" rel="nofollow"> <i class="fa fa-github-square" aria-hidden="true"></i></a> <a title="Home" href="https://www.soimort.org/" id="soimort"> <img src="/favicon.png" width="42px"></a> <a title="Twitter" href="https://twitter.com/soimort" rel="nofollow"> <i class="fa fa-twitter-square" aria-hidden="true"></i></a> <a title="Email" href="#" onclick="window.open(atob('bWFpbHRvOg==') +
51+
'soi' + atob('QA==') + 'mort.ninja')"> <i class="fa fa-envelope-square" aria-hidden="true"></i></a>
52+
</aside>
53+
</div>
54+
<!-- (www.soimort.org) last updated: 2016-05-07 -->
55+
<aside id="soimort-toolbar">
56+
<a href="/"><i class="fa fa-home" aria-hidden="true"></i></a>
57+
</aside>
58+
</article>
59+
</body>
60+
</html>

‎src.md

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
---
2+
title: Through the Looking-Glass
3+
date: 2016-05-07
4+
5+
include-before: <link rel="stylesheet" href="index.css">
6+
---
7+
8+
(**2016-05-07**:
9+
This site is still under construction. Links may not be up yet.)
10+
11+
12+
13+
* [About](http://mort.ninja/) *All you need to know about me.*
14+
* [Blog](//blog.soimort.org/) *Writings for fun.*
15+
16+
***
17+
18+
* [Wiki](//wiki.soimort.org/) *Writings for profit.*
19+
* [Notebook](/notebook) *Inspirational stuff.*
20+
* [Code](/code) *Practical stuff.*
21+
22+
***
23+
24+
* [Personal & Misc.](/personal) *Warning: Expect graphical content.*
25+
* [Gallery](/gallery) *Could be anything.*
26+
27+
28+
29+
<aside id="soimort-links">
30+
<a title="Feed" href="https://www.soimort.org/atom.xml">
31+
<i class="fa fa-rss-square" aria-hidden="true"></i></a>
32+
<a title="GitHub" href="https://github.com/soimort" rel="nofollow">
33+
<i class="fa fa-github-square" aria-hidden="true"></i></a>
34+
<a title="Home" href="https://www.soimort.org/" id="soimort">
35+
<img src="/favicon.png" width="42px"></a>
36+
<a title="Twitter" href="https://twitter.com/soimort" rel="nofollow">
37+
<i class="fa fa-twitter-square" aria-hidden="true"></i></a>
38+
<a title="Email" href="#" onclick="window.open(atob('bWFpbHRvOg==') +
39+
'soi' + atob('QA==') + 'mort.ninja')">
40+
<i class="fa fa-envelope-square" aria-hidden="true"></i></a>
41+
</aside>

0 commit comments

Comments
 (0)