aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorrodri <rgl@antares-labs.eu>2021-04-10 14:37:56 +0000
committerrodri <rgl@antares-labs.eu>2021-04-10 14:37:56 +0000
commit4d4867ed7731c7aa70855e0b62913f442d35628c (patch)
tree1939f5af1777aa9d23ef35b3553e319072206c8a
downloadmkweb-4d4867ed7731c7aa70855e0b62913f442d35628c.tar.gz
mkweb-4d4867ed7731c7aa70855e0b62913f442d35628c.tar.bz2
mkweb-4d4867ed7731c7aa70855e0b62913f442d35628c.zip
finally released to the world.
-rwxr-xr-xbin/capitalize2
-rwxr-xr-xbin/md2html.awk427
-rw-r--r--index.md25
-rw-r--r--lib/style147
-rwxr-xr-xmkweb48
-rw-r--r--readme.md40
-rw-r--r--tpl/feet9
-rw-r--r--tpl/head25
-rw-r--r--tpl/menu15
9 files changed, 738 insertions, 0 deletions
diff --git a/bin/capitalize b/bin/capitalize
new file mode 100755
index 0000000..58b338b
--- /dev/null
+++ b/bin/capitalize
@@ -0,0 +1,2 @@
+#!/bin/rc
+awk '{for(i=1;i<=NF;i++)sub(/./,toupper(substr($i,1,1)),$i)}1'
diff --git a/bin/md2html.awk b/bin/md2html.awk
new file mode 100755
index 0000000..81d1241
--- /dev/null
+++ b/bin/md2html.awk
@@ -0,0 +1,427 @@
+#!/bin/awk -f
+#
+# by: Jesus Galan (yiyus) 2009
+#
+# Usage: md2html.awk file.md > file.html
+# See: http://4l77.com/src/md2html.awk
+
+function eschtml(t) {
+ gsub("&", "\\&amp;", t);
+ gsub("<", "\\&lt;", t);
+ return t;
+}
+
+function oprint(t){
+ if(nr == 0)
+ print t;
+ else
+ otext = otext "\n" t;
+}
+
+function subref(id){
+ for(; nr > 0 && sub("<<" id, ref[id], otext); nr--);
+ if(nr == 0 && otext) {
+ print otext;
+ otext = "";
+ }
+}
+
+function nextil(t) {
+ if(!match(t, /[`<&\[*_\\-]|(\!\[)/))
+ return t;
+ t1 = substr(t, 1, RSTART - 1);
+ tag = substr(t, RSTART, RLENGTH);
+ t2 = substr(t, RSTART + RLENGTH);
+ if(ilcode && tag != "`")
+ return eschtml(t1 tag) nextil(t2);
+ # Backslash escaping
+ if(tag == "\\"){
+ if(match(t2, /^[\\`*_{}\[\]()#+\-\.!]/)){
+ tag = substr(t2, 1, 1);
+ t2 = substr(t2, 2);
+ }
+ return t1 tag nextil(t2);
+ }
+ # Dashes
+ if(tag == "-"){
+ if(sub(/^-/, "", t2))
+ tag = "&#8212;";
+ return t1 tag nextil(t2);
+ }
+ # Inline Code
+ if(tag == "`"){
+ if(sub(/^`/, "", t2)){
+ if(!match(t2, /``/))
+ return t1 "&#8221;" nextil(t2);
+ ilcode2 = !ilcode2;
+ }
+ else if(ilcode2)
+ return t1 tag nextil(t2);
+ tag = "<code>";
+ if(ilcode){
+ t1 = eschtml(t1);
+ tag = "</code>";
+ }
+ ilcode = !ilcode;
+ return t1 tag nextil(t2);
+ }
+ if(tag == "<"){
+ # Autolinks
+ if(match(t2, /^[^ ]+[\.@][^ ]+>/)){
+ url = eschtml(substr(t2, 1, RLENGTH - 1));
+ t2 = substr(t2, RLENGTH + 1);
+ linktext = url;
+ if(match(url, /@/) && !match(url, /^mailto:/))
+ url = "mailto:" url;
+ return t1 "<a href=\"" url "\">" linktext "</a>" nextil(t2);
+ }
+ # Html tags
+ if(match(t2, /^[A-Za-z\/!][^>]*>/)){
+ tag = tag substr(t2, RSTART, RLENGTH);
+ t2 = substr(t2, RLENGTH + 1);
+ return t1 tag nextil(t2);
+ }
+ return t1 "&lt;" nextil(t2);
+ }
+ # Html special entities
+ if(tag == "&"){
+ if(match(t2, /^#?[A-Za-z0-9]+;/)){
+ tag = tag substr(t2, RSTART, RLENGTH);
+ t2 = substr(t2, RLENGTH + 1);
+ return t1 tag nextil(t2);
+ }
+ return t1 "&amp;" nextil(t2);
+ }
+ # Images
+ if(tag == "!["){
+ if(!match(t2, /(\[.*\])|(\(.*\))/))
+ return t1 tag nextil(t2);
+ match(t2, /^[^\]]*/);
+ alt = substr(t2, 1, RLENGTH);
+ t2 = substr(t2, RLENGTH + 2);
+ if(match(t2, /^\(/)){
+ # Inline
+ sub(/^\(/, "", t2);
+ match(t2, /^[^\)]+/);
+ url = eschtml(substr(t2, 1, RLENGTH));
+ t2 = substr(t2, RLENGTH + 2);
+ title = "";
+ if(match(url, /[ ]+\".*\"[ ]*$/)) {
+ title = substr(url, RSTART, RLENGTH);
+ url = substr(url, 1, RSTART - 1);
+ match(title, /\".*\"/);
+ title = " title=\"" substr(title, RSTART + 1, RLENGTH - 2) "\"";
+ }
+ if(match(url, /^<.*>$/))
+ url = substr(url, 2, RLENGTH - 2);
+ return t1 "<img src=\"" url "\" alt=\"" alt "\"" title " />" nextil(t2);
+ }
+ else{
+ # Referenced
+ sub(/^ ?\[/, "", t2);
+ id = alt;
+ if(match(t2, /^[^\]]+/))
+ id = substr(t2, 1, RLENGTH);
+ t2 = substr(t2, RLENGTH + 2);
+ if(ref[id])
+ r = ref[id];
+ else{
+ r = "<<" id;
+ nr++;
+ }
+ return t1 "<img src=\"" r "\" alt=\"" alt "\" />" nextil(t2);
+ }
+ }
+ # Links
+ if(tag == "["){
+ if(!match(t2, /(\[.*\])|(\(.*\))/))
+ return t1 tag nextil(t2);
+ match(t2, /^[^\]]*(\[[^\]]*\][^\]]*)*/);
+ linktext = substr(t2, 1, RLENGTH);
+ t2 = substr(t2, RLENGTH + 2);
+ if(match(t2, /^\(/)){
+ # Inline
+ match(t2, /^[^\)]+(\([^\)]+\)[^\)]*)*/);
+ url = substr(t2, 2, RLENGTH - 1);
+ pt2 = substr(t2, RLENGTH + 2);
+ title = "";
+ if(match(url, /[ ]+\".*\"[ ]*$/)) {
+ title = substr(url, RSTART, RLENGTH);
+ url = substr(url, 1, RSTART - 1);
+ match(title, /\".*\"/);
+ title = " title=\"" substr(title, RSTART + 1, RLENGTH - 2) "\"";
+ }
+ if(match(url, /^<.*>$/))
+ url = substr(url, 2, RLENGTH - 2);
+ url = eschtml(url);
+ return t1 "<a href=\"" url "\"" title ">" nextil(linktext) "</a>" nextil(pt2);
+ }
+ else{
+ # Referenced
+ sub(/^ ?\[/, "", t2);
+ id = linktext;
+ if(match(t2, /^[^\]]+/))
+ id = substr(t2, 1, RLENGTH);
+ t2 = substr(t2, RLENGTH + 2);
+ if(ref[id])
+ r = ref[id];
+ else{
+ r = "<<" id;
+ nr++;
+ }
+ pt2 = t2;
+ return t1 "<a href=\"" r "\" />" nextil(linktext) "</a>" nextil(pt2);
+ }
+ }
+ # Emphasis
+ if(match(tag, /[*_]/)){
+ ntag = tag;
+ if(sub("^" tag, "", t2)){
+ if(stag[ns] == tag && match(t2, "^" tag))
+ t2 = tag t2;
+ else
+ ntag = tag tag
+ }
+ n = length(ntag);
+ tag = (n == 2) ? "strong" : "em";
+ if(match(t1, / $/) && match(t2, /^ /))
+ return t1 tag nextil(t2);
+ if(stag[ns] == ntag){
+ tag = "/" tag;
+ ns--;
+ }
+ else
+ stag[++ns] = ntag;
+ tag = "<" tag ">";
+ return t1 tag nextil(t2);
+ }
+}
+
+function inline(t) {
+ ilcode = 0;
+ ilcode2 = 0;
+ ns = 0;
+
+ return nextil(t);
+}
+
+function printp(tag) {
+ if(!match(text, /^[ ]*$/)){
+ text = inline(text);
+ if(tag != "")
+ oprint("<" tag ">" text "</" tag ">");
+ else
+ oprint(text);
+ }
+ text = "";
+}
+
+BEGIN {
+ blank = 0;
+ code = 0;
+ hr = 0;
+ html = 0;
+ nl = 0;
+ nr = 0;
+ otext = "";
+ text = "";
+ par = "p";
+}
+
+# References
+!code && /^ *\[[^\]]*\]:[ ]+/ {
+ sub(/^ *\[/, "");
+ match($0, /\]/);
+ id = substr($0, 1, RSTART - 1);
+ sub(id "\\]:[ ]+", "");
+ title = "";
+ if(match($0, /\".*\"$/))
+ title = "\" title=\"" substr($0, RSTART + 1, RLENGTH - 2);
+ sub(/[ ]+\".*\"$/, "");
+ url = eschtml($0);
+ ref[id] = url title;
+
+ subref(id);
+ next;
+}
+
+# html
+!html && /^<(address|blockquote|center|dir|div|dl|fieldset|form|h[1-6r]|\
+isindex|menu|noframes|noscript|ol|p|pre|table|ul|!--)/ {
+ if(code)
+ oprint("</pre></code>");
+ for(; !text && block[nl] == "blockquote"; nl--)
+ oprint("</blockquote>");
+ match($0, /^<(address|blockquote|center|dir|div|dl|fieldset|form|h[1-6r]|\
+ isindex|menu|noframes|noscript|ol|p|pre|table|ul|!--)/);
+ htag = substr($0, 2, RLENGTH - 1);
+ if(!match($0, "(<\\/" htag ">)|((^<hr ?\\/?)|(--)>$)"))
+ html = 1;
+ if(html && match($0, /^<hr/))
+ hr = 1;
+ oprint($0);
+ next;
+}
+
+html && (/(^<\/(address|blockquote|center|dir|div|dl|fieldset|form|h[1-6r]|\
+isindex|menu|noframes|noscript|ol|p|pre|table|ul).*)|(--)>$/ ||
+(hr && />$/)) {
+ html = 0;
+ hr = 0;
+ oprint($0);
+ next;
+}
+
+html {
+ oprint($0);
+ next;
+}
+
+# List and quote blocks
+
+# Remove indentation
+{
+ for(nnl = 0; nnl < nl; nnl++)
+ if((match(block[nnl + 1], /[ou]l/) && !sub(/^( | )/, "")) || \
+ (block[nnl + 1] == "blockquote" && !sub(/^> ?/, "")))
+ break;
+}
+nnl < nl && !blank && text && ! /^ ? ? ?([*+-]|([0-9]+\.)+)( +| )/ { nnl = nl; }
+# Quote blocks
+{
+ while(sub(/^> /, ""))
+ nblock[++nnl] = "blockquote";
+}
+# Horizontal rules
+{ hr = 0; }
+(blank || (!text && !code)) && /^ ? ? ?([-*_][ ]*)([-*_][ ]*)([-*_][ ]*)+$/ {
+ if(code){
+ oprint("</pre></code>");
+ code = 0;
+ }
+ blank = 0;
+ nnl = 0;
+ hr = 1;
+}
+# List items
+block[nl] ~ /[ou]l/ && /^$/ {
+ blank = 1;
+ next;
+}
+{ newli = 0; }
+!hr && (nnl != nl || !text || block[nl] ~ /[ou]l/) && /^ ? ? ?[*+-]( +| )/ {
+ sub(/^ ? ? ?[*+-]( +| )/, "");
+ nnl++;
+ nblock[nnl] = "ul";
+ newli = 1;
+}
+(nnl != nl || !text || block[nl] ~ /[ou]l/) && /^ ? ? ?([0-9]+\.)+( +| )/ {
+ sub(/^ ? ? ?([0-9]+\.)+( +| )/, "");
+ nnl++;
+ nblock[nnl] = "ol";
+ newli = 1;
+}
+newli {
+ if(blank && nnl == nl && !par)
+ par = "p";
+ blank = 0;
+ printp(par);
+ if(nnl == nl && block[nl] == nblock[nl])
+ oprint("</li><li>");
+}
+blank && ! /^$/ {
+ if(match(block[nnl], /[ou]l/) && !par)
+ par = "p";
+ printp(par);
+ par = "p";
+ blank = 0;
+}
+
+# Close old blocks and open new ones
+nnl != nl || nblock[nl] != block[nl] {
+ if(code){
+ oprint("</pre></code>");
+ code = 0;
+ }
+ printp(par);
+ b = (nnl > nl) ? nblock[nnl] : block[nnl];
+ par = (match(b, /[ou]l/)) ? "" : "p";
+}
+nnl < nl || (nnl == nl && nblock[nl] != block[nl]) {
+ for(; nl > nnl || (nnl == nl && pblock[nl] != block[nl]); nl--){
+ if(match(block[nl], /[ou]l/))
+ oprint("</li>");
+ oprint("</" block[nl] ">");
+ }
+}
+nnl > nl {
+ for(; nl < nnl; nl++){
+ block[nl + 1] = nblock[nl + 1];
+ oprint("<" block[nl + 1] ">");
+ if(match(block[nl + 1], /[ou]l/))
+ oprint("<li>");
+ }
+}
+hr {
+ oprint("<hr>");
+ next;
+}
+
+# Code blocks
+code && /^$/ {
+ if(blanK)
+ oprint("");
+ blank = 1;
+ next;
+}
+!text && sub(/^( | )/, "") {
+ if(blanK)
+ oprint("");
+ blank = 0;
+ if(!code)
+ oprint("<code><pre>");
+ code = 1;
+ $0 = eschtml($0);
+ oprint($0);
+ next;
+}
+code {
+ oprint("</pre></code>");
+ code = 0;
+}
+
+# Setex-style Headers
+text && /^=+$/ {printp("h1"); next;}
+text && /^-+$/ {printp("h2"); next;}
+
+# Atx-Style headers
+/^#+/ && (!newli || par=="p" || /^##/) {
+ for(n = 0; n < 6 && sub(/^# */, ""); n++)
+ sub(/#$/, "");
+ par = "h" n;
+}
+
+# Paragraph
+/^$/ {
+ printp(par);
+ par = "p";
+ next;
+}
+
+# Add text
+{ text = (text ? text " " : "") $0; }
+
+END {
+ if(code){
+ oprint("</pre></code>");
+ code = 0;
+ }
+ printp(par);
+ for(; nl > 0; nl--){
+ if(match(block[nl], /[ou]l/))
+ oprint("</li>");
+ oprint("</" block[nl] ">");
+ }
+ gsub(/<<[^\"]*/, "", otext);
+ print(otext);
+}
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..12eb232
--- /dev/null
+++ b/index.md
@@ -0,0 +1,25 @@
+# The Matrix
+
+Do not try and bend the spoon, that's impossible. Instead, only try
+to realize the truth... There is no spoon... Then you'll see that it
+is not the spoon that bends, it is only *yourself*.
+
+# Colette
+
+Words are deceptive little bastards.
+
+# Earthquake Bird
+
+> _L_: Just trying to make conversation.
+
+> _T_: Why?
+
+> _L_: Because that's what normal people do.
+
+> _T_: But you are not normal.
+
+> _L_: Neither are you.
+
+> _T_: So let's not pretend to be.
+
+> _L_: Okay.
diff --git a/lib/style b/lib/style
new file mode 100644
index 0000000..7be863f
--- /dev/null
+++ b/lib/style
@@ -0,0 +1,147 @@
+body {
+ color: black;
+ background-color: gray;
+ font-family: lexend, vga8, sans-serif;
+ margin: 2% 6%;
+ margin-right: 9em;
+}
+#atl {
+ border: 4px solid #8888cc;
+ background-color: #eaffff;
+}
+#atl ::selection { background: #9eeeee; }
+#atl img {
+ float: left;
+ margin: 5px 10px 5px 5px;
+}
+#atl h1 {
+ font-family: lexend, vga8, sans-serif;
+ font-weight: 400;
+ text-align: left;
+}
+#main {
+ border: 4px solid #99994c;
+ background-color: #ffffea;
+ padding: 1em;
+ margin: 5px 0 5px 0;
+}
+#main ::selection { background: #eeee9e; }
+h1 {
+ text-align: center;
+ font-weight: 300;
+}
+h2, h3, h4 {
+ margin: 2pt;
+ margin-top: 1em;
+}
+hr { border: 1px solid #428a42; }
+/* ul { margin: 1pt; } This breaks IE */
+li { padding: 1pt; }
+p.para {
+}
+pre {
+ margin-left: 2em;
+ border : 2px
+}
+code, pre {
+ font-family: roboto, vga8, monospace;
+}
+a {
+ text-decoration-style: dotted;
+ color: inherit;
+}
+a:hover {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+}
+div.banner {
+ margin: 0;
+ line-height: 1.1;
+ text-align: center;
+ position: absolute; /* Fallback if 'fixed' is not supported */
+ top: 2%;
+ right: 1em;
+ left: auto;
+ width: 6.5em;
+ z-index: 1000;
+}
+div.banner ul {
+ margin: 0px;
+ list-style-type: none;
+ list-style-position: outside;
+ padding: 0.1em 0.1em;
+ font-family: vga8, sans-serif;
+ background-color: #eaffea;
+ border: 2px solid #88cc88;
+ color: black;
+}
+.banner ul li { margin: 0px; }
+.banner ul a {
+ display: block;
+ text-decoration: none;
+ background-color: transparent;
+ font-weight: 400;
+}
+.banner ul a:hover {
+ color: #eaffea;
+ background-color: #448844;
+}
+.banner img {
+ border: 0px;
+ padding: 4pt;
+}
+.banner_sep { display: none; /* hide from non-css browsers */ }
+blockquote {
+ position: relative;
+ width: 70%;
+ padding: 1em 1.5em;
+ margin: 2em auto;
+ color: black;
+ background: #ffffca;
+ overflow: hidden;
+}
+blockquote::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ border-width: 0 16px 16px 0;
+ border-style: solid;
+ border-color: #eeee4c #ffffea;
+ background: #eeee4c;
+ box-shadow: 0 1px 5px rgba(0,0,0,0.3), -1px 1px 2px rgba(0,0,0,0.2);
+ display: block;
+ width: 0;
+}
+.footer_sep {
+ border: 0px solid black;
+ /*border-bottom: 1px solid black;*/
+ padding-top: 5pt;
+
+}
+.footer {
+ color: white;
+ text-align: center;
+ padding: 2pt;
+ font-size: 80%;
+}
+.footer a {
+ text-decoration: none;
+}
+.footer img { border: none; }
+/* dissabled stuff */
+#top_sidebar_link { display: none; }
+* { cursor: url(/pic/cursor.png), auto; }
+@font-face {
+ font-family: "vga8";
+ src: url(/lib/font/vga8.ttf) format("truetype");
+}
+@font-face {
+ font-family: "lexend";
+ src: url(/lib/font/lexend.ttf) format("truetype");
+}
+@font-face {
+ font-family: "roboto";
+ src: url(/lib/font/roboto.ttf) format("truetype");
+}
diff --git a/mkweb b/mkweb
new file mode 100755
index 0000000..d29cc05
--- /dev/null
+++ b/mkweb
@@ -0,0 +1,48 @@
+#!/bin/rc
+rfork en
+filter='^(bin|lib|pic|tpl)'
+sections=`{walk -d | grep -v $filter}
+
+fn entitle {
+ basename $1 | sed 's/-/ /g' | bin/capitalize
+}
+
+fn usage {
+ echo usage: $0 [ -m ] [ -s section ] >[1=2]
+ exit usage
+}
+
+fn buildsection {
+ if(test -f $1/index.md)
+ >$1/index.html {
+ if(! ~ $1 .){
+ title=`{entitle $1}
+ <tpl/head sed 's/(<title>[^<]*)/\1 - '^$"title^'/'
+ }
+ if not cat tpl/head
+ cat tpl/menu \
+ <{bin/md2html.awk $1/index.md}\
+ tpl/feet
+ }
+}
+
+if(! ~ $#* 0)
+ switch($1){
+ case -m
+ >sitemap.txt {
+ site=http://rgl.antares-labs.eu
+ echo $site/index.html
+ for(d in $sections)
+ echo $site/$d/index.html
+ }
+ case -s
+ if(~ $#2 0)
+ usage
+ buildsection $2
+ case -*
+ usage
+ }
+if not
+ for(d in $sections .){
+ buildsection $d
+ }
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..30a6300
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,40 @@
+# mkweb
+
+Mkweb is a very little framework I've developed for the last four
+years based on markdown files.
+It started as an actual `mkfile` (of which there was a `Makefile`
+translation for UNIX™ systems) and turned into a standalone
+[rc(1)](http://man.9front.org/1/rc) script over time.
+
+I've been meaning to release it for a long time now.
+
+_I know there are many like it, but this one is mine_.
+
+## Usage
+
+The script is quite simple and, since you will have to modify it
+whether you want to or not, I recommend you take a peek before we
+continue.
+
+Alright, see? there are three variables you need to keep track of:
+`filter`, `sections` and `site`. The `filter` is a
+[regexp(6)](http://man.9front.org/6/regexp) used to exclude files from
+`sections`, a list of folders possibly holding an `index.md`, which
+would otherwise crawl into the depths of every directory there is.
+`site` is the root URL of your website, it's only used for generating
+the sitemap file (ab)used by some bots out there.
+
+Every time you create a section and add an `index.md` to it, you must
+run `mkweb` to generate the entire site, or you can also just `mkweb
+-s path/to/newsection` to process your new webshit.
+
+This process will translate the markdown file into html, while
+attaching to it a head, a menu and some feet (see `tpl/`) to make a
+proper document.
+
+And that's it. All the hypertexting is done by yiyus' `md2html.awk`,
+which could be replaced by discount or any other translator of your
+choice, doesn't even need to be a markdown one (Wikitext, AsciiDoc,
+BBCode are all easy to plug in).
+
+Enjoy!
diff --git a/tpl/feet b/tpl/feet
new file mode 100644
index 0000000..abf52e8
--- /dev/null
+++ b/tpl/feet
@@ -0,0 +1,9 @@
+</div>
+<hr class="footer_sep"/>
+<footer class="footer">
+<a id="copy" target="_blank" href="http://rgl.antares-labs.eu/legal">Copyright © </a>2015-2021 Rodrigo G. López. No rights reserved.
+</footer>
+<script src="/lib/fns.js"></script>
+<script src="/lib/main.js"></script>
+</body>
+</html>
diff --git a/tpl/head b/tpl/head
new file mode 100644
index 0000000..5012a80
--- /dev/null
+++ b/tpl/head
@@ -0,0 +1,25 @@
+<!doctype quirk>
+<html>
+<head>
+<meta charset="utf-8"/>
+<meta name="description" content="rodri's personal website"/>
+<meta name="keywords" content="personal,rodri,archive,research,curiosity,share,public,open,hobbies,knowledge,learning,education,science,computing,history"/>
+<meta name="author" content="Rodrigo G. López"/>
+<meta name="google-site-verification" content="TYjCb4q2mCBvci-ZyYCeL8LVdFiuOosCB2wnd0D-f4o">
+<script>
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+ga('create', 'UA-105834828-1', 'auto');
+ga('send', 'pageview');
+</script>
+<title>rodri's place</title>
+<link rel="stylesheet" href="/lib/style" media="all" type="text/css"/>
+</head>
+<body onload="main()">
+<div id="atl">
+ <img src="/pic/face.jpg" width="75px" height="70px">
+ <h1>rodri's place</h1>
+</div>
+<div id="main">
diff --git a/tpl/menu b/tpl/menu
new file mode 100644
index 0000000..4737d14
--- /dev/null
+++ b/tpl/menu
@@ -0,0 +1,15 @@
+<div class="banner">
+<ul>
+ <li><a href="/">Root</a></li>
+ <li><a href="/about">About</a></li>
+ <li><a href="/portfolio">Portfolio</a></li>
+ <li><a href="/cv">CV</a></li>
+ <li><a href="/art">Art</a></li>
+ <li><a href="/guide">Guides</a></li>
+ <li>--------</li>
+ <li><a href="http://antares-labs.eu">ATL</a></li>
+ <li><a href="http://git.antares-labs.eu">ATL Git</a></li>
+ <li><a href="https://www.linkedin.com/in/rodrigo-g-lópez-178744178/">LinkedIn</a></li>
+ <li><a href="https://www.youtube.com/channel/UCrHNl7c7QGx7sR0UukebpQw/videos">YouTube</a></li>
+</ul>
+</div>