diff options
Diffstat (limited to 'zola')
| -rw-r--r-- | zola/content/_index.md | 16 | ||||
| -rw-r--r-- | zola/static/style.css | 66 | ||||
| -rw-r--r-- | zola/templates/base.html | 9 |
3 files changed, 55 insertions, 36 deletions
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> |