commit a8ff2d94ba015d974afa31d352288c8ea1ac54f6
parent fa1792ecadd63528ecc107a110294c2423d5c76b
Author: mjkloeckner <martinjkloeckner@gmail.com>
Date: Sat, 24 Feb 2024 17:59:52 -0300
Move git/styles.css to css folder and rename other stylesheets
Diffstat:
8 files changed, 678 insertions(+), 23 deletions(-)
diff --git a/Makefile b/Makefile
@@ -17,11 +17,11 @@ force-sync:
sudo ./scripts/deploy_local.sh ${ROOT_PATH}
deploy:
- rsync -e "ssh -i $(KEY)" -rhvPt \
- --delete --exclude=.git --exclude=${ROOT_PATH}/scripts \
+ rsync -e "ssh -i $(KEY)" -rahvPt --delete \ --exclude=.git \
+ --exclude=${ROOT_PATH}/scripts --exclude=${ROOT_PATH}/style/git.css \
--delete-excluded ./ root@$(DOMAIN):/var/www/html/
- rsync -e "ssh -i $(KEY)" -rhvPt --exclude=index.html\
- ./git/ root@$(DOMAIN):/var/www/git/
+ rsync -e "ssh -i $(KEY)" -rahvPt \
+ ./style/git.css root@$(DOMAIN):/var/www/git/
ssh -i $(KEY) root@$(DOMAIN) -t 'systemctl restart nginx'
-.PHONY: build sync deploy
+.PHONY: build sync force-sync deploy
diff --git a/about.html b/about.html
@@ -5,7 +5,7 @@
<title>About | Martin Klöckner's Webpage</title>
<!--#include virtual="/common/head.shtml" -->
- <link rel='stylesheet' type='text/css' href="/css/about_style.css?ver=0.1">
+ <link rel='stylesheet' type='text/css' href="/css/about.css?ver=0.1">
</head>
<body>
diff --git a/css/about_style.css b/css/about.css
diff --git a/css/article_style.css b/css/article.css
diff --git a/css/git.css b/css/git.css
@@ -0,0 +1,653 @@
+* {
+ overflow-y: unset;
+}
+
+/* Avoid showing the background of the scrollbar when the content is small enough */
+html {
+ margin-left: calc(100vw - 100%);
+ margin-right: 0;
+}
+
+body {
+ color: #000;
+ background-color: #fff;
+ font-family: inconsolata, monospace;
+ font-size: 14px;
+ max-width: 65em;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 10em;
+ margin-top: 1em;
+}
+
+footer {
+ color: grey;
+ padding: 2em;
+ text-align: center;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-size: 1em;
+ margin: 0;
+}
+
+img, h1, h2 {
+ vertical-align: middle;
+}
+
+img {
+ border: 0;
+}
+
+ul {
+ padding-left: 1em;
+}
+
+a:target {
+ background-color: #ccc;
+}
+
+a.d, a.h, a.i, a.line {
+ text-decoration: none;
+}
+
+#entry {
+ cursor: pointer;
+}
+
+#last-commit {
+ white-space: nowrap;
+ text-align: right;
+}
+
+#index,
+#log,
+#refs,
+#commit-summary,
+#commit-diff {
+ width: 100%;
+ border: 1px dashed #505050;
+ padding: 1em;
+ border-radius: .5em;
+ margin-top: 1em;
+}
+
+#refs h2,
+#refs td {
+ padding: 0 0.4em;
+}
+
+#files {
+ min-width: 100%;
+ border: 1px dashed #505050;
+ padding: 1em;
+ border-radius: .5em;
+ margin-top: 1em;
+}
+
+#dir-files {
+ min-width: 100%;
+ border: 1px dashed #505050;
+ padding: 1em;
+ margin-top: 0em;
+ border-radius: .5em;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-top: none;
+}
+
+#file-mode {
+ width: 120px;
+}
+
+#readme {
+ border: 1px dashed #505050;
+ padding: 2em;
+ margin-top: 1em;
+ border-radius: .5em;
+}
+
+#readme p {
+ line-height: 1.25;
+}
+
+#readme-hr, #owner {
+ display: none;
+}
+
+#main-name, #repo-name {
+ font-size: 1.5em;
+}
+
+#dir-name {
+ font-weight: bolder;
+}
+
+#dir-title {
+ border: 1px dashed #505050;
+ padding: 1em 1.48em;
+ margin-bottom: 0;
+ margin-top: 1em;
+ border-top-left-radius: .5em;
+ border-top-right-radius: .5em;
+}
+
+#binary-file {
+ border: 1px dashed #505050;
+ padding: 1em;
+ margin-top: 0;
+ border-radius: .5em;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+#repo-top-buttons {
+ padding: 1em .4em 0em .4em;
+}
+
+#log-date,
+#log-author {
+ white-space: nowrap;
+}
+
+#legends td,
+#header-table td {
+ padding: 0 0.4em;
+}
+
+#blob {
+ border: 1px dashed #505050;
+ padding-top: 1em;
+ margin-top: 0;
+ border-radius: .5em;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+#blob a {
+ color: #555;
+}
+
+a {
+ color: #a04a00;
+ text-decoration: none;
+}
+
+a:hover {
+ color: crimson;
+ text-decoration: underline;
+}
+
+#dir-size a, #dir-size a:hover {
+ display: block;
+ color: #fff;
+ text-decoration: none;
+}
+
+#name a,
+#dir-name a,
+#file-name a,
+.dir, .dir:hover,
+#log-summary a {
+ display: block;
+ text-decoration: none;
+ padding: 2em 2.4em;
+ margin: -2em;
+ color: #a04a00;
+}
+
+
+#file-size a,
+#file-mode a,
+#description a,
+#last-commit a,
+#owner a,
+#log-date a,
+#log-author a,
+#log-files a {
+ display: block;
+ text-decoration: none;
+ padding: 2em 2.4em;
+ margin: -2em;
+ color: #000;
+}
+
+#file-mode a:hover ,
+#description a:hover,
+#last-commit a:hover,
+#owner a:hover,
+#log-date a,
+#log-author a,
+#log-files a {
+ text-decoration: none;
+ color: #000;
+}
+
+#blob a:hover {
+ color: #a04a00;
+ text-decoration: none;
+}
+
+table thead td {
+ font-weight: bold;
+}
+
+#content table td {
+ vertical-align: top;
+ /* white-space: nowrap; */
+}
+
+td {
+ overflow: hidden;
+}
+
+#branches tr:hover td,
+#tags tr:hover td,
+#index tr:hover td,
+#log tr:hover td,
+#files tr:hover td,
+#dir-files tr:hover td {
+ background-color: #eee;
+}
+
+#legends tr:hover td {
+ background-color: #fff;
+}
+
+#index tr td:nth-child(2),
+#tags tr td:nth-child(3),
+#branches tr td:nth-child(3),
+#log tr td:nth-child(2) {
+ white-space: normal;
+}
+
+td.num {
+ text-align: right;
+}
+
+.desc {
+ color: #555;
+}
+
+.main-desc {
+ color: #555;
+ font-size: 1.10em;
+}
+
+hr {
+ border: 0;
+ border-top: 1px dashed #505050;
+ height: 1px;
+ margin: 1em 0;
+}
+
+pre {
+ font-family: monospace;
+ overflow-x: auto;
+ padding-bottom: 2em;
+}
+
+pre a.h {
+ color: #00a;
+}
+
+.A, span.i, pre a.i {
+ color: #070;
+}
+
+.D, span.d, pre a.d {
+ color: #e00;
+}
+
+pre a.h:hover, pre a.i:hover, pre a.d:hover {
+ text-decoration: none;
+}
+
+#openfile-name {
+ padding: 0 0.4em;
+ border: 1px dashed #505050;
+ padding: 1em;
+ border-top-left-radius: .5em;
+ border-top-right-radius: .5em;
+ border-bottom: none;
+ margin-bottom: 0;
+}
+
+#readme h1 {
+ font-size: 1.75em;
+}
+
+#readme h2 {
+ font-size: 1.5em;
+ padding: .5em 0em;
+}
+
+#readme h3 {
+ font-size: 1.25em;
+ text-align: left;
+
+ padding-top: .5em;
+ padding-bottom: .5em;
+}
+
+#readme h4 {
+ padding-top: .5em;
+ text-align: left;
+}
+
+#readme h5 {
+ padding-bottom: .25em;
+ font-size: 1em;
+}
+
+#readme code {
+ font-family: "Ubuntu Mono", monospace;
+ background-color: rgba(110,118,129,0.2);
+ padding: .1em .4em;
+ margin: 0;
+ border-radius: 6px;
+ white-space: nowrap;
+}
+
+#readme pre {
+ text-align: left;
+
+ padding-top: .5em;
+ padding-bottom: .5em;
+ padding-left: .75em;
+ padding-right: .75em;
+ border-radius: .2em;
+ background-color: rgba(110,118,129,0.2);
+ width: auto;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: .25em;
+ margin-bottom: 1.25em;
+ overflow: auto;
+}
+
+#readme pre code {
+ background: rgba(0,0,0,0);
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ white-space: inherit;
+}
+
+#readme img {
+ max-width: 100%;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ border-radius: .25em;
+ padding: 1em 0em;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background-color: #141414;
+ /* color: #bdbdbd; */
+ color: antiquewhite;
+ width: 100%;
+ }
+
+ a {
+ color: peru;
+ }
+
+ #dir-size a,
+ #dir-size a:hover {
+ color: #141414;
+ }
+
+ #file-mode a,
+ #file-size a,
+ #description a,
+ #last-commit a,
+ #owner a,
+ #log-date a,
+ #log-author a,
+ #log-files a {
+ /* color: #bdbdbd; */
+ color: antiquewhite;
+ }
+
+ #file-mode a:hover,
+ #file-size a:hover,
+ #description a:hover,
+ #last-commit a:hover,
+ #owner a:hover,
+ #log-date a:hover,
+ #log-author a:hover,
+ #log-files a:hover {
+ /* color: #bdbdbd; */
+ color: antiquewhite;
+ text-decoration: none;
+ }
+ a:target {
+ background-color: #222;
+ }
+ .desc {
+ color: antiquewhite;
+ }
+ #blob a {
+ color: #555;
+ }
+ #blob a:target {
+ color: #eee;
+ }
+ #blob a:hover {
+ color: peru;
+ }
+ pre a.h {
+ color: #00cdcd;
+ }
+ .A,
+ span.i,
+ pre a.i {
+ color: #00cd00;
+ }
+ .D,
+ span.d,
+ pre a.d {
+ color: #cd0000;
+ }
+ #branches tr:hover td,
+ #tags tr:hover td,
+ #index tr:hover td,
+ #log tr:hover td,
+ #files tr:hover td,
+ #dir-files tr:hover td {
+ background-color: #000;
+ }
+
+ #legends tr:hover td {
+ background: #141414;
+ }
+
+ #name a,
+ #dir-name a,
+ #file-name a,
+ .dir, .dir:hover,
+ #log-summary a {
+ color: peru;
+ }
+}
+
+@media (max-width: 800px) {
+ body {
+ font-size: 16px;
+ max-width: 97%;
+ }
+ #owner {
+ display: none;
+ }
+ #content table td {
+ padding-left: 0;
+ white-space: break-spaces;
+ vertical-align: bottom;
+ }
+ #name {
+ display: block;
+ font-size: 1.25em;
+ font-weight: bold;
+ }
+ #description {
+ display: block;
+ width: 100%;
+ padding: 0;
+ }
+ #last-commit {
+ display: block;
+ padding: .25em 0 1em 0;
+ padding-left: 0px;
+ font-size: .85em;
+ color: gray;
+ text-align: left;
+ }
+ #last-commit a {
+ color: gray;
+ }
+ #index #legends {
+ display: none;
+ }
+ a {
+ text-decoration: none;
+ overflow-wrap: break-word;
+ }
+ #name a {
+ display: block;
+ font-weight: bold;
+ text-decoration: none;
+ }
+
+ #name a,
+ #dir-name a,
+ #file-name a,
+ #log-summary a {
+ padding: 0;
+ margin: 0;
+ }
+
+ #file-mode a,
+ #file-size a,
+ #description a,
+ #last-commit a,
+ #owner a,
+ #log-date a,
+ #log-author a,
+ #log-files a {
+ padding: 0;
+ margin: 0;
+ }
+
+ #index,
+ #refs,
+ #files,
+ #dir-files,
+ #log,
+ #commit-summary,
+ #commit-diff {
+ padding: .5em;
+ }
+
+ #files #file-mode, #dir-files #file-mode {
+ display: none;
+ }
+ #files td, #dir-files td {
+ padding: 0;
+ }
+ #repo-top-buttons {
+ font-size: 20px;
+ }
+ #repo-name {
+ font-size: 1.25em;
+ }
+ #dir-name {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .desc {
+ font-size: 16px;
+ }
+ .main-desc {
+ font-size: 1.25em;
+ }
+ #log-author a {
+ color: gray;
+ }
+ #last-commit a::before {
+ content: "last commit ";
+ }
+ #log-author a::before {
+ content: "author ";
+ }
+ #blob {
+ font-size: 16px;
+ overflow: scroll;
+ }
+
+ #openfile-name, #dir-title {
+ padding: .75em;
+ }
+
+ #log thead,
+ #log-files {
+ display: none;
+ }
+ #log-summary,
+ #log-date,
+ #readme-hr {
+ display: block;
+ }
+ #log-author {
+ display: block;
+ padding-bottom: 1em;
+ }
+ #commit-summary {
+ white-space: break-spaces;
+ }
+ #commit-diff {
+ overflow-x: scroll;
+ }
+ #readme {
+ padding: 1em;
+ }
+ #readme img {
+ max-width: 100%;
+ padding: 0;
+ }
+ #readme ul {
+ padding-left: 1em;
+ }
+ #readme h1 {
+ padding-top: .25em;
+ }
+
+ #branches tr:hover td,
+ #tags tr:hover td,
+ #index tr:hover td,
+ #log tr:hover td,
+ #files tr:hover td {
+ background-color: #fff;
+ }
+
+ a:hover {
+ color: #a04a00;
+ }
+
+ @media (prefers-color-scheme: dark) {
+ #branches tr:hover td,
+ #tags tr:hover td,
+ #index tr:hover td,
+ #log tr:hover td,
+ #files tr:hover td {
+ background: #141414;
+ }
+
+ a:hover {
+ color: peru;
+ }
+ }
+}
diff --git a/css/style.css b/css/style.css
@@ -15,7 +15,7 @@ html {
body {
color: antiquewhite;
- background: #191919;
+ background: #141414;
margin-bottom: 15em;
margin-left: .5em;
margin-right: .5em;
@@ -93,7 +93,7 @@ article {
margin-right: auto;
margin-bottom: .9em;
- text-align: justify;
+ text-align: left;
padding-left: 0.5em;
padding-right: 0.5em;
@@ -453,10 +453,10 @@ b-time {
color: #a04a00;
}
.header_bottom_bar {
- border-top: 1px dashed #191919;
+ border-top: 1px dashed #141414;
}
.article_bottom_bar {
- border-top: 1px dashed #191919;
+ border-top: 1px dashed #141414;
}
a:visited {
color: #a04a00;
diff --git a/git/style.css b/git/style.css
@@ -13,7 +13,7 @@ body {
background-color: #fff;
font-family: inconsolata, monospace;
font-size: 14px;
- max-width: 70em;
+ max-width: 65em;
margin-left: auto;
margin-right: auto;
margin-bottom: 10em;
@@ -22,7 +22,6 @@ body {
footer {
color: grey;
- font-size: .85em;
padding: 2em;
text-align: center;
}
@@ -387,8 +386,9 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
@media (prefers-color-scheme: dark) {
body {
- background-color: #191919;
- color: #bdbdbd;
+ background-color: #141414;
+ /* color: #bdbdbd; */
+ color: antiquewhite;
width: 100%;
}
@@ -398,7 +398,7 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
#dir-size a,
#dir-size a:hover {
- color: #191919;
+ color: #141414;
}
#file-mode a,
@@ -409,7 +409,8 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
#log-date a,
#log-author a,
#log-files a {
- color: #bdbdbd;
+ /* color: #bdbdbd; */
+ color: antiquewhite;
}
#file-mode a:hover,
@@ -420,14 +421,15 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
#log-date a:hover,
#log-author a:hover,
#log-files a:hover {
- color: #bdbdbd;
+ /* color: #bdbdbd; */
+ color: antiquewhite;
text-decoration: none;
}
a:target {
background-color: #222;
}
.desc {
- color: #aaa;
+ color: antiquewhite;
}
#blob a {
color: #555;
@@ -461,7 +463,7 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
}
#legends tr:hover td {
- background-color: #191919;
+ background: #141414;
}
#name a,
@@ -567,7 +569,7 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
padding-right: 0;
}
.desc {
- font-size: 14px;
+ font-size: 16px;
}
.main-desc {
font-size: 1.25em;
@@ -582,7 +584,7 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
content: "author ";
}
#blob {
- font-size: 14px;
+ font-size: 16px;
overflow: scroll;
}
@@ -641,7 +643,7 @@ pre a.h:hover, pre a.i:hover, pre a.d:hover {
#index tr:hover td,
#log tr:hover td,
#files tr:hover td {
- background-color: #191919;
+ background: #141414;
}
a:hover {
diff --git a/scripts/template.html b/scripts/template.html
@@ -12,7 +12,7 @@
<title>$article-title$ | $pagetitle$</title>
<!--#include virtual="/common/head.shtml" -->
- <link rel='stylesheet' type='text/css' href="/css/article_style.css">
+ <link rel='stylesheet' type='text/css' href="/css/article.css">
</head>
<body>
