diff options
author | Nicolas Dato <nicolas.dato@gmail.com> | 2024-09-09 14:36:29 -0300 |
---|---|---|
committer | Nicolas Dato <nicolas.dato@gmail.com> | 2024-09-09 14:36:29 -0300 |
commit | 1fee55a71435c0f748c3b008737aa0923850853c (patch) | |
tree | cc4378a55ddda5543821f9bc0632da56737bb9ea | |
parent | b8b3f02573d47ae05802f3331e948f26000f9a77 (diff) | |
download | ndato.com-1fee55a71435c0f748c3b008737aa0923850853c.tar.gz ndato.com-1fee55a71435c0f748c3b008737aa0923850853c.tar.bz2 |
updating style and content
-rw-r--r-- | favicon.ico | bin | 205086 -> 0 bytes | |||
-rw-r--r-- | fonts/libertinus-bold-italic.woff2 | bin | 150712 -> 0 bytes | |||
-rw-r--r-- | fonts/libertinus-bold.woff2 | bin | 174656 -> 0 bytes | |||
-rw-r--r-- | fonts/libertinus-italic.woff2 | bin | 201720 -> 0 bytes | |||
-rw-r--r-- | fonts/libertinus-regular.woff2 | bin | 188040 -> 0 bytes | |||
-rw-r--r-- | index.html | 54 | ||||
-rw-r--r-- | lambda.svg | 19 | ||||
-rw-r--r-- | style.css | 142 | ||||
-rw-r--r-- | zola/content/_index.md | 16 | ||||
-rw-r--r-- | zola/static/style.css | 66 | ||||
-rw-r--r-- | zola/templates/base.html | 9 |
11 files changed, 55 insertions, 251 deletions
diff --git a/favicon.ico b/favicon.ico Binary files differdeleted file mode 100644 index 8bc351d..0000000 --- a/favicon.ico +++ /dev/null diff --git a/fonts/libertinus-bold-italic.woff2 b/fonts/libertinus-bold-italic.woff2 Binary files differdeleted file mode 100644 index 8de1ce0..0000000 --- a/fonts/libertinus-bold-italic.woff2 +++ /dev/null diff --git a/fonts/libertinus-bold.woff2 b/fonts/libertinus-bold.woff2 Binary files differdeleted file mode 100644 index bf39f3a..0000000 --- a/fonts/libertinus-bold.woff2 +++ /dev/null diff --git a/fonts/libertinus-italic.woff2 b/fonts/libertinus-italic.woff2 Binary files differdeleted file mode 100644 index 8f1818a..0000000 --- a/fonts/libertinus-italic.woff2 +++ /dev/null diff --git a/fonts/libertinus-regular.woff2 b/fonts/libertinus-regular.woff2 Binary files differdeleted file mode 100644 index 9d37f80..0000000 --- a/fonts/libertinus-regular.woff2 +++ /dev/null diff --git a/index.html b/index.html deleted file mode 100644 index 23c6b31..0000000 --- a/index.html +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8" /> - <link rel="icon" type="image/x-icon" sizes="256x256" href="/favicon.ico"> - <link rel="stylesheet" href="/style.css" type="text/css"> - <title>ndato</title> - </head> - <body> - <section class="header" title="Header"> - <header> - <img src="/lambda.svg" class="logo" alt="Lambda" title="Lambda Logo"> - ndato.com.ar - </header> - <nav class="navigation"><a href="/">Home</a></nav> - </section> - <div class="main"> - <section class="left column" title="Left Column"> - <header>Menu</header> - <nav title="Navigation Menu"> - <menu> - <li><a href="/">Home</a></li> - <li><a href="/cv">CV</a></li> - <li><a href="/articles">Articles</a></li> - <li><a href="/blog">Blog</a></li> - <li><a href="/gitweb">Git</a></li> - <li><a href="/etc">Etc</a></li> - <li><a href="/contact">Contact</a></li> - </menu> - </nav> - <header>Links</header> - <nav title="Extra Links"> - <ul> - <li><a href="https://robertoaley.com/">Roberto Aley</a></li> - </ul> - </nav> - - </section> - <section class="content column" title="Content Column"> - <main title="Main Content"> - <header>Home</header> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="file:///home/nico/ndato.com.ar/index.html">Amet nisl suscipit adipiscing</a> bibendum est ultricies. Sit amet risus nullam eget felis eget. Nulla facilisi morbi tempus iaculis urna id volutpat lacus. Pretium aenean pharetra <em>magna ac placerat</em> vestibulum lectus mauris. Lorem ipsum dolor sit amet consectetur adipiscing elit duis. <strong>Massa enim nec dui nunc mattis</strong>. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Enim ut sem viverra aliquet. Ut tristique et egestas quis ipsum suspendisse ultrices gravida dictum. Ac tortor vitae purus faucibus ornare suspendisse sed.</p> - - <p>Faucibus purus in massa tempor nec feugiat nisl pretium. Augue ut lectus arcu bibendum at varius vel pharetra. Vitae auctor eu augue ut. Vestibulum lorem sed risus ultricies tristique. Ipsum nunc aliquet bibendum enim facilisis gravida neque. Rutrum quisque non tellus orci. Integer quis auctor elit sed vulputate mi sit amet. Facilisi etiam dignissim diam quis enim. At consectetur lorem donec massa. Cum sociis natoque penatibus et magnis dis parturient montes. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus.</p> - - <p>Aliquam etiam erat velit scelerisque. Cras semper auctor neque vitae tempus quam pellentesque. Lectus urna duis convallis convallis tellus id interdum velit. Ut enim blandit volutpat maecenas volutpat blandit. Pellentesque sit amet porttitor eget dolor morbi non arcu.</p> - </main> - </section> - </div> - <section title="Footer"> - <footer>ndato.com.ar - Nicolás Dato - 2023</footer> - </section> - </body> -</html> diff --git a/lambda.svg b/lambda.svg deleted file mode 100644 index 4d6305d..0000000 --- a/lambda.svg +++ /dev/null @@ -1,19 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Created with Inkscape (http://www.inkscape.org/) --> -<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="400" height="400" id="svg4611" sodipodi:version="0.32" inkscape:version="0.92.4 (5da689c313, 2019-01-14)" version="1.0" sodipodi:docname="Greek_lc_lamda.svg"> - <defs id="defs4613"/> - <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" gridtolerance="10000" guidetolerance="10" objecttolerance="1.6" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.7" inkscape:cx="85.90919" inkscape:cy="190.61883" inkscape:document-units="px" inkscape:current-layer="layer1" inkscape:object-bbox="true" inkscape:object-points="true" inkscape:object-nodes="true" inkscape:grid-points="true" inkscape:window-width="1920" inkscape:window-height="1017" inkscape:window-x="-8" inkscape:window-y="-8" width="400px" height="400px" showgrid="false" inkscape:window-maximized="1"/> - <metadata id="metadata4616"> - <rdf:RDF> - <cc:Work rdf:about=""> - <dc:format>image/svg+xml</dc:format> - <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> - </cc:Work> - </rdf:RDF> - </metadata> - <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-256.6798,-531.7963)"> - <g aria-label="λ" style="font-style:normal;font-weight:normal;line-height:0%;font-family:'Times New Roman';text-align:start;text-anchor:start;fill:#eee8d5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" id="text5540"> - <path d="m 542.9577,784.11768 h 7.03125 q 0,30.85937 -10.15625,44.92187 -9.96093,14.0625 -25,14.0625 -12.30468,0 -23.63281,-9.17969 -11.32812,-9.375 -20.3125,-49.80468 l -16.79687,-75.78125 -58.20313,132.03125 h -36.91406 l 83.59375,-180.07813 q -6.64063,-34.96094 -16.01563,-51.75781 -9.375,-16.79688 -23.24218,-16.79688 -11.13282,0 -19.53125,8.59375 -8.20313,8.39844 -9.17969,26.17188 h -7.03125 q 0.58594,-28.71094 11.52344,-45.89844 10.9375,-17.38281 27.34375,-17.38281 10.54687,0 19.92187,8.78906 9.57031,8.59375 16.40625,29.6875 7.03125,20.89844 21.67969,86.91406 l 13.86719,61.91407 q 8.39843,38.47656 17.57812,51.5625 9.375,12.89062 22.26563,12.89062 21.875,0 24.80468,-30.85937 z" style="font-size:400px;line-height:1.25;text-align:center;text-anchor:middle" id="path814"/> - </g> - </g> -</svg> diff --git a/style.css b/style.css deleted file mode 100644 index c23956f..0000000 --- a/style.css +++ /dev/null @@ -1,142 +0,0 @@ -:root { - --base03: #002b36; - --base02: #073642; - --base01: #586e75; - --base00: #657b83; - --base0: #839496; - --base1: #93a1a1; - --base2: #eee8d5; - --base3: #fdf6e3; - --yellow: #b58900; - --orange: #cb4b16; - --red: #dc322f; - --magenta: #d33682; - --violet: #6c71c4; - --blue: #268bd2; - --cyan: #2aa198; - --green: #859900; - --header-font-size: 175%; - --column-min-width: 20ex; - --border-width: 1px; - --padding: 2ex; - --margin: 2ex; - --content-padding-left: 9ex; - --content-padding-right: 5ex; - --body-max-width: 120ex; - --body-min-width: 75ex; - --body-font-size: 110%; - --content-width: 73ex; -} - -@font-face { - font-family: 'Libertinus'; - font-style: normal; - font-weight: normal; - font-display: swap; - src: url('/fonts/libertinus-regular.woff2') format('woff2'); -} - -@font-face { - font-family: 'Libertinus'; - font-style: normal; - font-weight: bold; - font-display: swap; - src: url('/fonts/libertinus-bold.woff2') format('woff2'); -} - -@font-face { - font-family: 'Libertinus'; - font-style: italic; - font-weight: normal; - font-display: swap; - src: url('/fonts/libertinus-italic.woff2') format('woff2'); -} - -@font-face { - font-family: 'Libertinus'; - font-style: italic; - font-weight: bold; - font-display: swap; - src: url('/fonts/libertinus-bold-italic.woff2') format('woff2'); -} - -body { - font-family: 'Libertinus'; - color: var(--base1); - background-color: var(--base02); - font-size: var(--body-font-size); - min-width: var(--body-min-width); - max-width: var(--body-max-width); - margin: auto; -} - -section { - border: var(--border-width) solid var(--blue); - background-color: var(--base03); - margin: var(--margin); - padding: var(--padding); -} - -p::first-letter { - font-size: 175%; - color: var(--orange); -} - -em { - color: var(--yellow); -} - -strong { - color: var(--orange); -} - -main { - text-indent: 4ex; - text-align: justify; - padding-top: 2ex; - padding-bottom: 5ex; -} - -header, -footer { - text-align: center; -} - -:link, -:visited { - color: var(--cyan); -} - -.header header { - font-size: 200%; -} - -.logo { - height: 4ex; - vertical-align: middle; -} - -.navigation { - text-align: center; -} - -.main { - display: flex; - justify-content: center; -} - -.column header { - font-size: var(--header-font-size); - background-color: var(--base02); -} - -.left { - min-width: var(--column-min-width); -} - -.content { - width: var(--content-width); - padding-left: var(--content-padding-left); - padding-right: var(--content-padding-right); -} - diff --git a/zola/content/_index.md b/zola/content/_index.md index 6bae83d..1f64bf7 100644 --- a/zola/content/_index.md +++ b/zola/content/_index.md @@ -4,27 +4,25 @@ title = "Home" ## About this site -This website is about computer science. You can find articles (or tutorials) [in the articles section](articles). Also, between 2020 and 2022 I wrote Linux articles for the [Baeldung](https://www.baeldung.com) website, [you can read them here](https://www.baeldung.com/linux/author/nicolasdato). +You can find articles (or tutorials) [in the articles section](articles). Also, between 2020 and 2022 I wrote Linux articles for the [Baeldung](https://www.baeldung.com) website, [you can read them here](https://www.baeldung.com/linux/author/nicolasdato). When I'm confident enought about some never-ending-never-completed side proyects, I push them to [my gitweb](gitweb). -You'll find more content [in the etc section](etc) that is not about computer science. This can include music, movies, video games, swimming, etc. - ### About this site development *Keep It Simple, Stupid.* -This website is made with HTML and CSS. No Javascript, no cookies, no popups, no ads. Just a website. The style uses [Solarized](https://ethanschoonover.com/solarized/) colors and Libertinus fonts. Also, the style tries to be similar to a [*LaTeX*](https://www.latex-project.org/) article. +This website is made with HTML and CSS. No Javascript, no cookies, no popups, no ads. Just a website. Somehow inspired by [The](https://motherfuckingwebsite.com/) [Perfect](http://bettermotherfuckingwebsite.com/) [Motherfucking](https://evenbettermotherfucking.website/) [Website](https://perfectmotherfuckingwebsite.com/) (but they are better). The style uses [Solarized](https://ethanschoonover.com/solarized/) colors and Libertinus fonts. Also, the style tries to be similar to a [*LaTeX*](https://www.latex-project.org/) article. -To easily add content to this website, I use the [Zola static site generator](https://www.getzola.org/). So, the articles are written in [Markdown](https://daringfireball.net/projects/markdown/) first, and then converted to HTML. Those articles are then inserted inside some HTML tempaltes. +To easily add content to this website, I use the [Zola static site generator](https://www.getzola.org/). So, the articles are written in [Markdown](https://daringfireball.net/projects/markdown/) first, and then converted to HTML. Those articles are then inserted inside some HTML templates. ## About me *Swimming, Coffee, and Heavy Metal.* -My name is Nicolás Dato, born in Argentina in 1991, and you can read more detailed information [in the CV section](cv) and [the contact section](contact). +My name is Nicolás Dato, born in Argentina in 1991, and you can read more detailed information [in the Resume/CV section](cv). -In short, my professional career is +10 years of C experience and +3 years of Java experience. Also +10 years of experience with Bash, Perl, Linux, etc. Excluding Java, all other experience is in the broadcast industry, developing software at [3Way Solutions](https://www.3way.com.ar/). We produce systems to receive, monitor, analize, and transmit video/audio content, such as TV and radio. +Long story short, my professional career is +10 years of C experience and +3 years of Java experience. Also +10 years of experience with Bash, Perl, Linux, etc. Excluding Java, all other experience is in the broadcast industry, developing software at [3Way Solutions](https://3way.com.ar/en/inicio-en/). We produce systems to receive, monitor, analize, and transmit video/audio content, such as TV and radio. I'm also a freelancer for [Boreal IT](https://it.borealtech.com/en/), working with Java, .NET, React, and whatever they need. When I'm in the mood and I have some free time, I contribute to the [OpenStreetMap proyect](https://www.openstreetmap.org/) and Wikipedia. @@ -34,7 +32,7 @@ And I also swim, even when I'm not in the mood or I don't have free time. *Richard Stallman is right.* -I use the [Slackware Linux distribution](http://www.slackware.com/). I try stick to free software and avoid software and websites that tracks people and ignores privacy. Also, I like self-hosting, and lightweight and simple software. I am fan of [suckless](https://suckless.org/). Sometimes all those ideas conflict with eath other. +I use the [Slackware Linux distribution](http://www.slackware.com/). I try stick to free software and avoid software and websites that tracks people and ignores privacy. Also, I like self-hosting, and using lightweight and simple software. I am fan of [suckless](https://suckless.org/). I prefer the editor of the beast over emacs. -My computer runs a local [Searx](https://searx.github.io/searx/) engine configured to use [DuckDuckGo](https://duckduckgo.com/), [Qwant](https://www.qwant.com/), and [Startpage](https://www.startpage.com/). Also, I had run [middle Tor relay](https://community.torproject.org/relay/) for some years, until I had to shut it down. This was because some ignorant IT-security dude didn't know how Tor works. I also have a [MediaWiki](https://www.mediawiki.org/wiki/MediaWiki) self-hosted. +My computer runs a local [Searxng](https://github.com/searxng/searxng/) engine configured to use [DuckDuckGo](https://duckduckgo.com/), [Qwant](https://www.qwant.com/), and [Startpage](https://www.startpage.com/). Also, I had run [middle Tor relay](https://community.torproject.org/relay/) for some years, until I had to shut it down. This was because some ignorant IT-security dude didn't know how Tor works. I also have a [MediaWiki](https://www.mediawiki.org/wiki/MediaWiki) self-hosted. diff --git a/zola/static/style.css b/zola/static/style.css index e1297bc..a97d4b9 100644 --- a/zola/static/style.css +++ b/zola/static/style.css @@ -16,18 +16,28 @@ --cyan: #2aa198; --green: #859900; --header-font-size: 150%; - --column-min-width: 20ex; + --left-column-min-width: 18ex; --border-width: 1px; --padding: 2ex; --margin: 2ex; - --content-padding-left: 9ex; + --content-padding-left: 10ex; --content-padding-right: 5ex; --body-max-width: 130ex; - --body-min-width: 75ex; - --body-font-size: 115%; - --first-letter-font-size: 140%; - --content-width: 100ex; + --body-min-width: 70ex; + --body-font-size: 18px; + --first-letter-font-size: 120%; + --max-content-width: 80ex; --dt-font-size: 120%; + --primary-color: var(--base1); + --secondary-color: var(--yellow); + --content-background-color: var(--base03); + --filling-background-color: var(--base02); + --text-color: var(--primary-color); + --font-family: 'Libertinus'; + --link-text-color: var(--cyan); + --highlight-text-color: var(--secondary-color); + --primary-border-color: var(--secondary-color); + --secondary-border-color: var(--base00); } @font-face { @@ -63,9 +73,9 @@ } body { - font-family: 'Libertinus'; - color: var(--base1); - background-color: var(--base02); + font-family: var(--font-family);; + color: var(--text-color); + background-color: var(--filling-background-color); font-size: var(--body-font-size); min-width: var(--body-min-width); max-width: var(--body-max-width); @@ -73,28 +83,34 @@ body { } section { - border: var(--border-width) solid var(--blue); - background-color: var(--base03); + border: var(--border-width) solid var(--secondary-border-color); + background-color: var(--content-background-color); margin: var(--margin); padding: var(--padding); } -em { - color: var(--yellow); +section.mainheader { + border: var(--border-width) solid var(--primary-border-color); } +em, strong { - color: var(--orange); + color: var(--highlight-text-color); } article p::first-letter { font-size: var(--first-letter-font-size); - color: var(--orange); + color: var(--highlight-text-color); } -article { +article p { text-indent: 4ex; text-align: justify; + margin-top: 1ex; + margin-bottom: 1ex; +} + +article { padding-top: 2ex; padding-bottom: 5ex; } @@ -108,13 +124,18 @@ footer { text-align: center; } +h1, +h2 { + border-top: 1px solid var(--primary-color); +} + :link, :visited { - color: var(--cyan); + color: var(--link-text-color); } -.header header { - font-size: 200%; +.mainheader header { + font-size: 220%; } .logo { @@ -132,16 +153,17 @@ footer { } .column header { + border: var(--border-width) solid var(--primary-border-color); font-size: var(--header-font-size); - background-color: var(--base02); + background-color: var(--filling-background-color); } .left { - min-width: var(--column-min-width); + min-width: var(--left-column-min-width); } .content { - width: var(--content-width); + max-width: var(--max-content-width); padding-left: var(--content-padding-left); padding-right: var(--content-padding-right); } diff --git a/zola/templates/base.html b/zola/templates/base.html index a8da89f..cab2669 100644 --- a/zola/templates/base.html +++ b/zola/templates/base.html @@ -7,7 +7,7 @@ <title>ndato - {% block title %}{% endblock %}</title> </head> <body> - <section class="header" title="Header"> + <section class="mainheader" title="Header"> <header> <img src="/lambda.svg" class="logo" alt="Lambda" title="Lambda Logo"> ndato.com.ar @@ -21,16 +21,15 @@ <menu> <li><a href="/">Home</a></li> <li><a href="/articles">Articles</a></li> - <li><a href="/etc">Etc</a></li> <li><a href="/gitweb">Git</a></li> - <li><a href="/cv">CV</a></li> + <li><a href="/cv">CV / Resume</a></li> <li><a href="/contact">Contact</a></li> </menu> </nav> <header>Links</header> <nav title="External Links"> <ul> - <li><a href="https://robertoaley.com/">Roberto Aley</a></li> + <li><a href="https://robertoaley.com/">Roberto Aley's website</a></li> <li><a href="https://www.baeldung.com/linux/author/nicolasdato">My articles for Baeldung</a></li> </ul> </nav> @@ -44,7 +43,7 @@ </section> </div> <section title="Footer"> - <footer>ndato.com.ar - Nicolás Dato - 2023</footer> + <footer>ndato.com.ar - Nicolás Dato - 2024</footer> </section> </body> </html> |