Apply consistent color schema. Remove duplicated links.
--- a/Makefile Sat Feb 20 02:02:43 2016 +0200
+++ b/Makefile Sat Feb 20 02:42:01 2016 +0200
@@ -100,9 +100,11 @@
$(HTML_DIR)/iframe.html: $(RST_FILES) $(MAKEFILE_LIST) | $(HTML_DIR)
{ \
-echo '<html><head></head><body>'; \
+echo '<html><head><style>'; \
+echo 'a { text-decoration: none; color: hsl(240, 100%, 50%); }'; \
+echo '</style></head><body>'; \
echo '<ul style="padding-left: 1em;">'; \
-for f in $(RST_FILES); do \
+for f in $(sort $(RST_FILES)); do \
n=$${f%.rst}; \
printf '<li><a target="_parent" href="%s.html">%s</a></li>' $$n $$n; \
done; \
@@ -117,15 +119,17 @@
echo ' <div id="sidebar"><iframe src="iframe.html"></iframe></div>'; \
echo; \
echo '.. _About: README.html'; \
-echo '.. _`About author`: http://resume.defun.work/'; \
+echo '.. _`Contacts`: http://resume.defun.work/'; \
echo '.. _`Oleksandr Gavenko`: http://resume.defun.work/'; \
echo '.. _`gavenkoa`: http://resume.defun.work/'; \
echo '.. _Licence: README.html#tips-licence'; \
-echo '.. _`Contact`: gavenkoa@gmail.com'; \
+echo; \
+echo '.. container:: header'; \
echo; \
-echo '[ About_ | Licence_ | `About author`_ | `Contact`_ ]'; \
+echo ' [ About_ | Licence_ | `Contacts`_ ]'; \
+echo '.. container:: header small'; \
echo; \
-echo 'Written by Oleksandr Gavenko (AKA gavenkoa), compiled at ``'`date +%F`'`` from rev ``'`hg id -i`'``.'; \
+echo ' Written by Oleksandr Gavenko (AKA gavenkoa), compiled at ``'`date +%F`'`` from rev ``'`hg id -i`'``.'; \
} >$@
$(HTML_DIR)/frame-index.html: index.sh $(RST_HTML_FILES) $(MAKEFILE_LIST) | $(HTML_DIR)
--- a/rst.css Sat Feb 20 02:02:43 2016 +0200
+++ b/rst.css Sat Feb 20 02:42:01 2016 +0200
@@ -7,7 +7,7 @@
}
.document {
max-width: 800px;
- margin: 0 auto;
+ margin: .5em auto;
padding-left: 210px;
padding-right: 10px;
overflow: hidden;
@@ -22,24 +22,29 @@
}
@media (max-width: 780px) {
.document {
- margin: 4em 10px 1em 10px;
+ margin: 5px 10px 1em 10px;
padding: 0;
}
#sidebar { position: inherit; }
#sidebar, iframe {
width: 100%;
- height: 4em;
+ height: 7em;
}
}
+.header {
+ font-size: 1.2em;
+ text-align: center;
+}
+.header.small {
+ font-size: 0.8em;
+}
+
p.topic-title.first { display: none; }
p.topic-title.first + ul {
max-width: 400px;
margin: 0 auto;
padding: 5px 0;
- background: cornsilk;
- border: 1px solid red;
- border-radius: 10px;
}
p.topic-title.first + ul > li {
list-style: none;
@@ -49,10 +54,20 @@
padding-right: 10px;
}
-a { text-decoration:none; }
-a:link { color: brown; }
-a:visited { color: IndianRed; }
-a:hover { background: bisque; border-radius: 10px; padding: 1px; }
+a {
+ text-decoration:none;
+ color: hsl(240, 100%, 50%);
+}
+a:hover {
+ transparency: .5;
+}
+h1 a {
+ color: hsla(0, 0%, 0%, .8);
+}
+h2 a, h3 a, h4 a, #contents a {
+ color: hsl(0, 100%, 25%);
+}
+h1 { text-align: center; }
p { text-indent: 2em; }
p:first-letter { font-weight: bold; }
.literal-block {
@@ -60,12 +75,11 @@
padding: 5px;
border: 1px;
border-style: solid;
- border-color: brown;
- background-color: LightYellow;
+ border-color: hsl(0, 100%, 25%);
+ background-color: hsl(0, 10%, 95%);
overflow: auto;
}
tt.literal {
- background: LightYellow;
outline: 1px dotted orange;
padding: 1px;
}