layout
default

<style> .inner { /*max-width: 70%;*/ max-width: 670px; } #header_wrap { /*background-image: url('{{ "/assets/background.jpg" | absolute_url }}');*/ background-size: cover; height: 100vh; background-attachment: fixed; background-position: center; } ul.horizontal { list-style-type: none; text-align: right; background-color: #f2f2f2; overflow: hidden; position: static; /*float: left;*/ margin-right: 30px; height: 100%; width: 150px; box-shadow: 0px 0px 0px 0px #0366d6; /*border-radius: 10px 10px 10px 10px;*/ } ul.horizontal li { font-size: 20px; display: block; border: none; } ul.horizontal li a { display: block; color: black; padding: 5px 10px; text-decoration: none; } ul.horizontal li a:hover:not(.active) { /*background-color: #606060;*/ font-weight: bold; padding: 5px 10px; display: inline-block; margin-left: 0px; background-color: #606060; border-radius: 2px 2px 2px 2px; } #logo a:hover:not(.active){ background-color: #00ff88; width: 70px; border-radius: 100px 10px 10px 100px; } #picture { -webkit-transition: -webkit-transform 1.6s ease-in-out; transition: transform 1.6s ease-in-out; } #picture:hover { -webkit-transform: rotate(720deg); transform: rotate(720deg); } </style>

Welcome to Sirius' Home

This is my home page.

Latest blogs:

{% assign post = site.posts[0] %}

{{ post.title }}

📁 {{ post.categories[0] }} 📅 {{ post.date }}
{{ post.excerpt | strip_html | truncate: 500 }} {{ "---" | markdownify }}

{% assign post = site.posts[1] %}

{{ post.title }}

📁 {{ post.categories[0] }} 📅 {{ post.date }}
{{ post.excerpt | strip_html | truncate: 500 }} {{ "---" | markdownify }}

Show More...

<script src='{{ "/js/jquery-3.5.0.js" | absolute_url }}'></script> <script type="text/javascript"> var header=document.getElementsByTagName('header')[0]; document.getElementById('project_title').textContent="Sirius' Home"; document.title="Sirius’ Home"; header.style.paddingTop="20%"; header.style.position="sticky" $("#header_wrap").css("background-image", "url('{{ "/assets/background.jpg" | absolute_url }}')"); $(window).scroll(function(){ $( "header" )[0].style.top=-($(this).scrollTop()/3)+"px"; //if ( $(window).scrollTop() >= 0.15 * $(window).width()) //$("header")[0].innerText = $(this).scrollTop(); if ( $(this).scrollTop() >= 0.3 * $(window).width()) $("#header_wrap").css("background-image", ""); else $("#header_wrap").css("background-image", "url('{{ "/assets/background.jpg" | absolute_url }}')"); }); </script>