diff --git a/img/ecollapse.png b/img/ecollapse.png index 662032a..0d546ad 100644 Binary files a/img/ecollapse.png and b/img/ecollapse.png differ diff --git a/img/lsd.png b/img/lsd.png new file mode 100644 index 0000000..e421212 Binary files /dev/null and b/img/lsd.png differ diff --git a/img/revival.png b/img/revival.png new file mode 100644 index 0000000..ea568bb Binary files /dev/null and b/img/revival.png differ diff --git a/src/inc_css/footer.css b/src/inc_css/footer.css new file mode 100644 index 0000000..16e9670 --- /dev/null +++ b/src/inc_css/footer.css @@ -0,0 +1,7 @@ +.footer { + position: fixed; + right: 0; + bottom: 0; + + padding: 0 10px 10px; +} diff --git a/src/inc_css/planets.css b/src/inc_css/planets.css index 3d3341f..75354e9 100644 --- a/src/inc_css/planets.css +++ b/src/inc_css/planets.css @@ -1,6 +1,6 @@ .planets { overflow: hidden; - position: absolute; + position: fixed; height: 80vmax; width: 80vmax; right: 0; diff --git a/src/inc_css/socials.css b/src/inc_css/socials.css new file mode 100644 index 0000000..9aa14ec --- /dev/null +++ b/src/inc_css/socials.css @@ -0,0 +1,22 @@ +.socials { + margin-top: 16px; + margin-left: 10px; + background-color:var(--background); +} + +.socials i { + font-size: 2em; + margin-left: 4px; + color: var(--foreground-inactive); + transition: transform 0.3s, color 0.3s; +} +.socials i:hover { + color: var(--accent); + transform: translateY(-20%); +} + +.socials a { + text-decoration: none; + + transition: color 0.3s; +} diff --git a/src/inc_html/footer.html b/src/inc_html/footer.html new file mode 100644 index 0000000..6e9d504 --- /dev/null +++ b/src/inc_html/footer.html @@ -0,0 +1,3 @@ + diff --git a/src/inc_html/sidebar.html b/src/inc_html/sidebar.html index c0349d6..91a4002 100644 --- a/src/inc_html/sidebar.html +++ b/src/inc_html/sidebar.html @@ -8,13 +8,5 @@
  • /blog
  • /contact
  • - -
    - - - - -
    - diff --git a/src/inc_html/socials.html b/src/inc_html/socials.html new file mode 100644 index 0000000..5d147a4 --- /dev/null +++ b/src/inc_html/socials.html @@ -0,0 +1,6 @@ +
    + + + + +
    diff --git a/src/root/graphics.html b/src/root/graphics.html index 1eb21a4..70906d6 100644 --- a/src/root/graphics.html +++ b/src/root/graphics.html @@ -21,6 +21,8 @@ + + @@ -28,5 +30,6 @@ #include planets.html +#include footer.html diff --git a/src/root/styles.css b/src/root/styles.css index 7a13411..488bcec 100644 --- a/src/root/styles.css +++ b/src/root/styles.css @@ -139,28 +139,7 @@ a.fsText:hover { margin-left: -20px; } -.socials { - margin-top: 16px; - margin-left: 10px; - background-color:var(--background); -} - -.socials i { - font-size: 2em; - margin-left: 4px; - color: var(--foreground-inactive); - transition: transform 0.3s, color 0.3s; -} -.socials i:hover { - color: var(--accent); - transform: translateY(-20%); -} - -.socials a { - text-decoration: none; - - transition: color 0.3s; -} - +#include socials.css #include portfolio.css #include planets.css +#include footer.css