-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
93 lines (76 loc) · 3.3 KB
/
about.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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Sane Blog Builder - About</title>
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
<link rel="stylesheet" href="assets/stylesheet.css">
<link rel="stylesheet" href="assets/highlight.css">
<!-- you don't need to keep this, but it's cool for stats! -->
<meta name="generator" content="Nanoc 4.11.9">
</head>
<body>
<div id="layout">
<div class="header">
<h1>
<a href="./">Sane Blog Builder</a>
</h1>
</div>
<div class="content">
<nav class="pure-g">
<div class="pure-u-2-3 links">
<a href="index.html">Home</a> ·
<a href="tags.html">Tags</a> ·
<a href="years.html">Years</a> ·
<a href="about.html">About</a>
</div>
<div class="pure-u-1-3">
<div class="contact">
<span>
<a href="https://github.com/lbrito1" download="">
<img src="assets/icons/github.svg" alt="Github icon">
</a>
</span>
<span>
<a href="https://www.linkedin.com/in/leonardo-mendes-brito/">
<img src="assets/icons/linkedin.svg" alt="LinkedIn icon">
</a>
</span>
</div>
</div>
</nav>
<h1 id="about">About</h1>
<p>This is a static blog generator.</p>
<p>There are approximately 1 trillion similar projects spread over an <a href="https://www.staticgen.com/">unfathomable amount of different libraries</a>.</p>
<p>This uses Ruby (more specifically, the excellent <a href="https://nanoc.ws">Nanoc</a> lib) to generate static HTML pages from Markdown or other HTML files.</p>
<p><a href="https://purecss.io/">Pure CSS</a> is sparingly used to help with layouts and such. I recommend that you don’t look at the CSS, just trust that it works most times.</p>
<div class="image-box">
<div>
<a href="assets/images/monkey.gif" target="_blank">
<img src="assets/images/monkey.gif" alt="A monkey typing on a computer">
</a>
</div>
<div class="image-caption">Myself trying to write CSS.</div>
</div>
<h2 id="features">Features</h2>
<ul>
<li>Zero amount of Javascript;</li>
<li>Basic blogging functionalities (a page that lists all posts, a page to show the actual post, tagging etc);</li>
<li>Syntax highlighting;</li>
<li>Readable on any device known to mankind (actually I tested only on my monitor and smartphone);</li>
<li>A page that shows posts by year;</li>
<li>A page that shows posts by tag;</li>
<li>A helper for images;</li>
<li>A rake task that helps set up a new post;</li>
<li>Small: the entire output of this skeleton is like 100KB (images excluded);</li>
<li>Has stupid emojis 🎨 (okay that’s just your browser);</li>
<li>That’s about it.</li>
</ul>
<h2 id="why">Why?</h2>
<p>Why not?</p>
<h2 id="myself">Myself</h2>
<p>My name is Leo and I’m a software developer. I enjoy Ruby. You can find my Github and Linkedin profiles in the page header.</p>
<div class="footer">
2019 Leonardo Brito
</div>
</div>
</div>
</body></html>