diff options
-rw-r--r-- | sass/css/_holidays.scss | 9 | ||||
-rw-r--r-- | sass/css/yaroslavps.scss | 11 | ||||
-rw-r--r-- | static/img/xmas-garland.gif | bin | 0 -> 12817 bytes | |||
-rw-r--r-- | templates/base.html | 1 | ||||
-rw-r--r-- | templates/index.html | 49 |
5 files changed, 45 insertions, 25 deletions
diff --git a/sass/css/_holidays.scss b/sass/css/_holidays.scss index e94a080..9e1b59e 100644 --- a/sass/css/_holidays.scss +++ b/sass/css/_holidays.scss @@ -1,5 +1,7 @@ body { background-image: url("/img/snowfall.gif"); + background-color: rgba(0, 0, 0, 0.25); + background-blend-mode: darken; } .holiday-greetings { @@ -12,3 +14,10 @@ body { font-weight: 500; } +.holiday-garland { + display: block; + width: 100%; + height: 65px; + background: url("/img/xmas-garland.gif") repeat-x; + background-position: top; +} diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss index 1f8390d..ff33b42 100644 --- a/sass/css/yaroslavps.scss +++ b/sass/css/yaroslavps.scss @@ -1,12 +1,11 @@ @import "colors"; @import "fonts"; +.holiday-garland, .holiday-greetings { display: none; } -// @import "holidays"; - * { box-sizing: border-box; } @@ -20,6 +19,8 @@ html, body { background-color: $bg0; } +@import "holidays"; + ul, ol, li, @@ -192,7 +193,7 @@ span.publish-date { } .header-container { - padding: 0 2em; + padding: 0.1em 2em; } .header-container .nav-container { @@ -342,6 +343,10 @@ pre.literal { font-size: 16px; } + .holiday-garland { + display: none; + } + h1, h2, h3, diff --git a/static/img/xmas-garland.gif b/static/img/xmas-garland.gif Binary files differnew file mode 100644 index 0000000..9ee959a --- /dev/null +++ b/static/img/xmas-garland.gif diff --git a/templates/base.html b/templates/base.html index 887c2e8..c1c3a02 100644 --- a/templates/base.html +++ b/templates/base.html @@ -20,6 +20,7 @@ <div class="main-container"> {% block page %} <div class="content-container"> + <div class="holiday-garland"></div> <div class="header-container"> {% block header %} <h1><a href="/">Yaroslav de la Peña Smirnov</a></h1> diff --git a/templates/index.html b/templates/index.html index 62d382e..27e3a89 100644 --- a/templates/index.html +++ b/templates/index.html @@ -32,13 +32,12 @@ {% set recipes = get_section(path=recipes_path) %} {% if lang == "ru" %} <p class="holiday-greetings"> - С Новым 2024 Годом и Рождеством! + С Новым 2025 Годом и Рождеством! </p> <p> Добро пожаловать в мой уголок интернета. Меня зовут Ярослав. Я занимаюсь - программировнием в качестве своей работы и увлечения, но увлекаюсь не только - её. В данный момент работаю разработчиком модуля ядра Linux программного - RAID. + программировнием професионально и для дущи, но имею и дргие увлечения. В + данный момент работаю разработчиком модуля ядра Linux программного RAID. </p> <p> Иногда я также выкладываю то, что мне кажется интересным или полезным в @@ -47,29 +46,29 @@ </p> {% elif lang == "es" %} <p class="holiday-greetings"> - ¡Feliz Navidad y un Prospero 2024! + ¡Feliz Navidad y un Prospero 2025! </p> <p> - Bienvenido a mi pequeño rincón de internet. Yo soy Yaroslav. Programo - para ganarme la vida y por diversión, aunque no es lo único que hago por + Bienvenido a mi pequeño rincón de internet. Me llamo Yaroslav. Programo + profesionalmente y por diversión, aunque no es lo único que hago por diversión. Actualmente trabajo como desarrollador de módulos de Linux Kernel para RAID en software. </p> <p> - A veces también publico cosas que me parecen interesantes o de valor a - este sitio, aunque no tan seguido como me gustaría. Siéntete libre de - echar una mirada. A veces escribo en español, pero la mayor parte del - contenido está en inglés. Esto es lo que puedes encontrar en mi sitio: + A veces también publico cosas que me parecen interesantes o de valor a este + sitio, aunque no tan seguido como me gustaría. Siéntete libre de echar una + mirada. A veces escribo en español, pero la mayor parte del contenido está + en inglés. Esto es lo que puedes encontrar en mi sitio: </p> {% else %} <p class="holiday-greetings"> - Merry Christmas and a Happy New Year 2024! + Merry Christmas and a Happy New Year 2025! </p> <p> Welcome to my little corner of the internet. I'm Yaroslav. I write software for a living, and also for fun, although it's not the only thing I - do for fun. Currently working as a Linux Kernel module developer for - software RAID. + do for fun. Currently working as a softare defined storage Linux Kernel + module developer. </p> <p> I also sometimes post things that I think are interesting or of value to @@ -171,17 +170,23 @@ {% endif %} </p> <div class="album-container"> - <a href="https://www.yaroslavps.com/photos/st-petersburg-summer-2019/_DSC3948"> - <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/st-petersburg-summer-2019/_DSC3948/_DSC3948_thumb.jpg"> + <a href="https://www.yaroslavps.com/photos/altai-winter-2024/DSC_3164/"> + <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/altai-winter-2024/DSC_3164/DSC_3164_thumb.JPG"> </a> - <a href="https://www.yaroslavps.com/photos/priozersk-2020/_DSC5814/"> - <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/priozersk-2020/_DSC5814/_DSC5814_thumb.jpg"> + <a href="https://www.yaroslavps.com/photos/ladoga-winter-2022/DSC_3437/"> + <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/ladoga-winter-2022/DSC_3437/DSC_3437_thumb.jpg"> </a> - <a href="https://www.yaroslavps.com/photos/valaam-2022/DSC_4426"> - <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/valaam-2022/DSC_4426/DSC_4426_thumb.jpg"> + <a href="https://www.yaroslavps.com/photos/altai-winter-2024/DSC_2932/"> + <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/altai-winter-2024/DSC_2932/DSC_2932_thumb.JPG"> </a> - <a href="https://www.yaroslavps.com/photos/priozersk-2020/_DSC5711/"> - <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/priozersk-2020/_DSC5711/_DSC5711_thumb.jpg"> + <a href="https://www.yaroslavps.com/photos/altai-2023/DSC_1059/"> + <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/altai-2023/DSC_1059/DSC_1059_thumb.jpg"> + </a> + <a href="https://www.yaroslavps.com/photos/valaam-2022/DSC_4143/"> + <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/valaam-2022/DSC_4143/DSC_4143_thumb.jpg"> + </a> + <a href="https://www.yaroslavps.com/photos/pavlovsk-autumn-2022/DSC_5989/"> + <img alt="" class="thumbnail" src="https://www.yaroslavps.com/photos/pavlovsk-autumn-2022/DSC_5989/DSC_5989_thumb.jpg"> </a> </div> <ul class="nav-container"> |