diff options
| -rw-r--r-- | README.md | 17 | ||||
| -rw-r--r-- | base.template.html | 6 | ||||
| -rw-r--r-- | index.template.html | 3 | ||||
| -rw-r--r-- | style.css | 37 |
4 files changed, 59 insertions, 4 deletions
diff --git a/README.md b/README.md new file mode 100644 index 0000000..2521478 --- /dev/null +++ b/README.md @@ -0,0 +1,17 @@ +# [cacharle.xyz](https://cacharle.xyz) website + +This is the code for my personnal website. + +## Usage + +Generate the html pages form templates: + +```sh +./generate +``` + +Clean the generated files: + +```sh +./clean +``` diff --git a/base.template.html b/base.template.html index 43638bf..4559199 100644 --- a/base.template.html +++ b/base.template.html @@ -12,6 +12,12 @@ </head> <body> + <header> + <div><a class="header-link" href="/">Home</a></div> + <div><a class="header-link" href="mailto:me@cacharle.xyz">Contact</a></div> + <div><a class="header-link" href="https://git.cacharle.xyz">git-server</a></div> + </header> + <div id="page-wrapper"> <!-- BODY --> </div> diff --git a/index.template.html b/index.template.html index 4055ddb..9d9c007 100644 --- a/index.template.html +++ b/index.template.html @@ -5,6 +5,8 @@ <p>This site is an experiment to host some of the services I use every day like a mail server and a <a href="https://git.cacharle.xyz">git server</a> and becoming more independant in general.</p> <p>Inspired by a serie of <a href="https://www.youtube.com/watch?v=bdKZVIGRAKQ&list=PL-p5XmQHB_JRRnoQyjOfioJdDmu87DIJc">videos</a> posted by <a href="https://lukesmith.xyz">Luke Smith</a>.</p> +<hr/> + <h2>Blog articles</h2> <ul> <!-- BLOGINDEX --> @@ -19,7 +21,6 @@ <h2>Links</h2> <ul> <li><a href="https://github.com/cacharle">github</a></li> - <li><a href="https://git.cacharle.xyz">git server</a></li> <li><a href="charlescabergspublic.gpg">GPG public key</a></li> </ul> @@ -106,7 +106,7 @@ html { } } -body { +#page-wrapper { line-height: 1.85; } @@ -157,17 +157,18 @@ img, canvas, iframe, video, svg, select, textarea { } html, body { + margin: 0; background-color: #222; min-height: 100%; + font-family: "Courier New"; } html { font-size: 16px; } -body { +#page-wrapper { color: #fafafa; - font-family: "Courier New"; line-height: 1.45; margin: 2rem auto 1rem; max-width: 48rem; @@ -182,3 +183,33 @@ blockquote { border-left: 3px solid #01ff70; padding-left: 1rem; } + +/* added */ + +header { + display: flex; + margin-bottom: 20px; + background-color: #191919; + padding: 10px; +} + +header div { + margin-right: 30px; + color: #ccc; +} + +a.header-link { + color: #ccc; + text-decoration: none; + font-weight: bold; +} + +a.header-link:hover { + transition: 0.5s; + color: #fff; +} + +td { + vertical-align: top; + padding: 2px; +} |