kloeckner.com.ar

a backup of my entire webpage
Index Commits Files Refs README LICENSE
commit 9e05bee19508d36a330d3fff0f5080d4b77fe975
parent 2bd83f15fc1796cc730cad5584c1a2e69c2bacec
Author: Martin J. Klöckner <64109770+mjkloeckner@users.noreply.github.com>
Date:   Wed, 11 Jan 2023 17:38:50 -0300

Merge pull request #4 from mjkloeckner/git

added git section
Diffstat:
MMakefile | 20+++++++++++---------
MREADME.md | 6++----
Mcommon/header.shtml | 1+
Mcss/style.css | 9+++++----
Agit/style.css | 641+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
5 files changed, 660 insertions(+), 17 deletions(-)
diff --git a/Makefile b/Makefile
@@ -1,20 +1,22 @@
-KEY    = ${HOME}/.ssh/key-mini
-DOMAIN = kloeckner.com.ar
+KEY       = ${HOME}/.ssh/key-mini
+DOMAIN    = kloeckner.com.ar
+ROOT_PATH = $(CURDIR)
 
 all: sync
 
 build:
-    ./scripts/build.sh
-    ./scripts/sync.sh
+    ./scripts/build.sh ${ROOT_PATH}
+    ./scripts/sync.sh ${ROOT_PATH}
 
 sync: build
-    sudo ./scripts/deploy_local.sh
+    sudo ./scripts/deploy_local.sh ${ROOT_PATH}
 
 deploy:
-    rsync -e "ssh -i $(KEY)" -orahvPt \
-        --delete --exclude=.git --exclude=scripts --delete-excluded \
-        ./ root@$(DOMAIN):/var/www/html/
-
+    rsync -e "ssh -i $(KEY)" -rhvPt \
+        --delete --exclude=.git --exclude=${ROOT_PATH}/scripts \
+        --delete-excluded ./ root@$(DOMAIN):/var/www/html/
+    rsync -e "ssh -i $(KEY)" -rhvPt --exclude=index.html\
+        ./git/ root@$(DOMAIN):/var/www/git/
     ssh -i $(KEY) root@$(DOMAIN) -t 'systemctl restart nginx'
 
 .PHONY: build sync deploy
diff --git a/README.md b/README.md
@@ -10,8 +10,6 @@ This is a backup of my webpage
 
 ## License
 
-Webpage generating scripts are licensed under
-[MIT](https://github.com/mjkloeckner/kloeckner.com.ar/blob/main/LICENSE)
+Webpage generating scripts are licensed under [MIT]().
 
-The content of the webpage is licensed under [CC BY
-4.0](https://creativecommons.org/licenses/by/4.0/)
+The content of the webpage is licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
diff --git a/common/header.shtml b/common/header.shtml
@@ -4,6 +4,7 @@
             <a href="/" id="header_link">Martin Klöckner</a>
         </h1>
          <ul class="header_buttons">
+             <li class="header_button" style="padding-right: 10px"><a href="https://git.kloeckner.com.ar/" style="text-decoration: none;">git</a></li>
              <li class="header_button" style="padding-right: 10px"><a href="/blog" style="text-decoration: none;">blog</a></li>
              <li class="header_button" style="padding-right: 10px"><a href="/about" style="text-decoration: none;">about</a></li>
              <li class="header_button"><a href="/cv.pdf" style="text-decoration: none;" target="_blank">cv<i class="icon-download">&#xe800;</i></a></li>
diff --git a/css/style.css b/css/style.css
@@ -119,7 +119,7 @@ header {
 
 #header_title {
     margin-bottom: 0em;
-    font-size: 2.75em;
+    font-size: 2.5em;
 }
 
 article {
@@ -236,7 +236,7 @@ ul {
 
 .header_buttons {
     margin: 0;
-    padding-bottom: 0.5em;
+    padding-bottom: 0em;
     font-size: 1.5em;
     display: flex;
     list-style-type: none;
@@ -271,7 +271,7 @@ p { padding-bottom: 1em; }
 code {
     font-size: 85%;
     font-family: "Ubuntu Mono", monospace;
-    background-color: rgba(110,118,129,0.4);
+    /* background-color: rgba(110,118,129,0.4); */
     padding: .1em .4em;
     margin: 0;
     border-radius: 6px;
@@ -302,7 +302,8 @@ pre {
 
 pre code {
     font-size: 1em;
-    background-color: inherit;
+    /* background-color: inherit; */
+    /* background: rgba(0,0,0,0.5); */
     padding: 0;
     margin: 0;
     border-radius: 0;
diff --git a/git/style.css b/git/style.css
@@ -0,0 +1,641 @@
+* {
+    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: monospace;
+    font-size: 14px;
+    max-width: 70em;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 10em;
+    margin-top: 1em;
+}
+
+footer {
+    color: grey;
+    font-size: .85em;
+    padding-left: 1em;
+}
+
+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;
+}
+
+#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-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.4);
+    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: #191919;
+        color: #bdbdbd;
+        width: 100%;
+    }
+
+    a {
+        color: peru;
+    }
+
+    #dir-size a,
+    #dir-size a:hover {
+        color: #191919;
+    }
+
+    #file-mode a,
+    #file-size a,
+    #description a,
+    #last-commit a,
+    #owner a,
+    #log-date a,
+    #log-author a,
+    #log-files a {
+        color: #bdbdbd;
+    }
+
+    #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;
+        text-decoration: none;
+    }
+    a:target {
+        background-color: #222;
+    }
+    .desc {
+        color: #aaa;
+    }
+    #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-color: #191919;
+    }
+
+    #name a,
+    #dir-name a,
+    #file-name a,
+    .dir, .dir:hover,
+    #log-summary a {
+        color: peru;
+    }
+}
+
+@media (max-width: 800px) {
+    body {
+        font-size: 18px;
+        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;
+    }
+    #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;
+    }
+
+    #files,
+    #dir-files,
+    #log,
+    #commit-summary,
+    #commit-diff {
+        padding: .75em;
+    }
+    #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: 14px;
+    }
+    .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: 14px;
+        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-color: #191919;
+        }
+
+        a:hover {
+            color: peru;
+        }
+    }
+}