diff --git a/org/about.org b/org/about.org index 56dce06..14196a7 100644 --- a/org/about.org +++ b/org/about.org @@ -36,5 +36,10 @@ - *email*: [[mailto:me@fragal.eu][me (at) fragal.eu]] - *XMPP*: me (at) chat.fragal.eu + + +#+CAPTION: Io e la fedele Kina alla partenza da Freiburg +#+nome:fig-about +[[file:../images/about.jpg]] #+INCLUDE: "./footer.html" export html diff --git a/org/articles/20260314_london_italy.org b/org/articles/20260314_london_italy.org index dcb1361..690ff9f 100644 --- a/org/articles/20260314_london_italy.org +++ b/org/articles/20260314_london_italy.org @@ -4,7 +4,7 @@ #+HTML_HEAD: #+INCLUDE: "../header.html" export html -#+INCLUDE: "../gpx/20260314_london_italy/index.html" export html +# #+INCLUDE: "../gpx/20260314_london_italy/index.html" export html * Da Londra all'Italia con una bici da corsa - Marzo 2026 diff --git a/org/articles/20260902_cuba.org b/org/articles/20260902_cuba.org new file mode 100644 index 0000000..69f9556 --- /dev/null +++ b/org/articles/20260902_cuba.org @@ -0,0 +1,14 @@ +#+LANGUAGE: it +#+OPTIONS: num:nil +#+OPTIONS: toc:nil +#+HTML_HEAD: + +#+INCLUDE: "../header.html" export html + +* Cuba ad Agosto 2026 + + + + + +#+INCLUDE: "../footer.html" export html diff --git a/org/footer.html b/org/footer.html index 8ae79bc..d4bcd6c 100644 --- a/org/footer.html +++ b/org/footer.html @@ -1,16 +1,15 @@ diff --git a/org/index.org b/org/index.org index e135b42..b6b2bd6 100644 --- a/org/index.org +++ b/org/index.org @@ -9,15 +9,51 @@ #+INCLUDE: "./articles.html" export html -# ** *~* Resources -# - [[https://wanderer.fragal.eu][Self-hosted Wanderer instance]] -# - [[https://fragal.eu/cartastraccia][News and online feed reader]] ([[https://fragal.eu/git/lagfra/cartastraccia][code]]) -# - [[https://fragal.eu/git][Self-hosted Git]] -# - [[https://github.com/gallafrancesco][GitHub]] +#+NAME: fig-marmottes +#+ATTR_HTML: :style float:left;max-width:45%;margin:0px 20px 0px 0px; +[[file:../images/home/marmottes.jpg]] -** *~* Contacts +#+BEGIN_EXPORT html +
+

~ Contacts

+

Hai bisogno di una consulenza informatica? Vuoi + pianificare un tour in bici ma non sai come? Cerchi un + accompagnatore con cui affrontare un cicloviaggio e divertirti, con un briciolo di pazzia? +

+

Ti piacciono le foto che vedi e vorresti farne parte?

+
+

+

Contact me to book an appointment for a software dev consultancy or to + discuss a bike tour you'd like to plan. Drop me a line if you are looking for a + bike tour guide that can help you have a relaxing, sporty, crazy but + fun trip. +

+
+

Email: me (at) fragal.eu

+

XMPP: me (at) chat.fragal.eu

+
+#+END_EXPORT -- *email*: [[mailto:me@fragal.eu][me (at) fragal.eu]] -- *XMPP*: me (at) chat.fragal.eu +** *~* Gallery +#+CAPTION: Tattingstone, Suffolk, England +#+NAME: fig-tattingstone +[[file:../images/home/tattingstone.jpg]] + +#+CAPTION: Col de Sarenne, Grandes Rousses Massif, France +#+NAME: fig-sarenne +[[file:../images/home/saronne.jpg]] + +#+CAPTION: Col Furfande, Queyras, France +#+NAME: fig-furfande +[[file:../images/home/furfande.jpg]] + +#+CAPTION: Monte Thabor +#+NAME: fig-thabor +[[file:../images/home/thabor.jpg]] + +#+CAPTION: Velorution Universelle 2026, Lyon +#+NAME: fig-velorution +[[file:../images/home/velorution.jpg]] + #+INCLUDE: "./footer.html" export html diff --git a/site/css/stylesheet.css b/site/css/stylesheet.css index ecf24fa..f5151e5 100644 --- a/site/css/stylesheet.css +++ b/site/css/stylesheet.css @@ -7,17 +7,17 @@ word-wrap: break-word; margin: 0 auto; padding: 1.5em; + background: #f4c430; } body { margin:0 auto; padding:1rem; background: #f6f1ec; color: black; - font-size: 18px; + font-size: 20px; line-height: 130%; } - @media (min-width: 768px) { html { font-size: 125%; @@ -27,19 +27,34 @@ /* Images */ .figure { + display: inline; + max-width: 48em; text-align: center; - font-size: 15px; + font-size: 18px; font-style: italic; + margin: 20px; +} + +.figure img { + max-width: 100%; /* Scales down to fit the container, but won't stretch larger than the original image */ + height: auto; /* Keeps the aspect ratio perfect and prevents distortion */ } .figure-number { display: none; } +.sideleft { + text-align: left; + +} + /* footer */ .container { - /* padding:1rem; */ - /* text-align: center; */ + padding:none; + margin: none; + /* text-align: center; */ + background: #f4c430; } .container pre { @@ -61,36 +76,36 @@ } h1 { - color: purple; + color: indigo; text-decoration: none; text-align: center; } h2 a { - color: purple; + color: indigo; text-decoration: none; } h2 { - color: #45818e; + color: indigo; } h3 { - color: purple; + color: indigo; } a:link { - color: #ce7e00; + color: #e34234; text-decoration: none; } a:visited { - color: #ce7e00; + color: #e34234; text-decoration: none; } a:hover { - color: purple; + color: #40826d; } header a:link { @@ -104,12 +119,12 @@ } header a:hover { - color: #ce7e00; + color: #e34234; } pre { max-width: 50%; - color: purple; + color: indigo; } /* Random quote JS class */ @@ -157,9 +172,9 @@ /* TOP BAR */ header { padding:1rem; - background: purple; + background: indigo; display: flex; - font-size: 20px; + font-size: 22px; justify-content: space-between; } @@ -194,10 +209,20 @@ margin-left: 1rem; } -@media(max-width:640px) { +@media(max-width:720px) { + html { + font-size: 100%; + max-width: 48em; + } + header nav { flex-direction: column; } + + .figure img { + max-width: 100%; + height: auto; + } } /* ARTICLE LIST */