From 4d66cd06c8c3869e2e0cbf51534644aab0dde249 Mon Sep 17 00:00:00 2001 From: Vlad Faust Date: Tue, 29 Aug 2017 21:52:42 +0300 Subject: [PATCH] New spartan design & content --- img/em.svg | 65 ---------------------------------- img/gh.svg | 40 --------------------- img/ig.svg | 41 ---------------------- img/sk.svg | 38 -------------------- img/tg.svg | 38 -------------------- img/tw.svg | 35 ------------------- img/vk.svg | 36 ------------------- index.html | 47 +++++++++---------------- stylesheets/style.css | 81 ++++++++++--------------------------------- 9 files changed, 35 insertions(+), 386 deletions(-) delete mode 100644 img/em.svg delete mode 100644 img/gh.svg delete mode 100644 img/ig.svg delete mode 100644 img/sk.svg delete mode 100644 img/tg.svg delete mode 100644 img/tw.svg delete mode 100644 img/vk.svg diff --git a/img/em.svg b/img/em.svg deleted file mode 100644 index ee315c1..0000000 --- a/img/em.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/img/gh.svg b/img/gh.svg deleted file mode 100644 index d75a04f..0000000 --- a/img/gh.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/img/ig.svg b/img/ig.svg deleted file mode 100644 index 718e53d..0000000 --- a/img/ig.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/img/sk.svg b/img/sk.svg deleted file mode 100644 index d3af088..0000000 --- a/img/sk.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/img/tg.svg b/img/tg.svg deleted file mode 100644 index d134c91..0000000 --- a/img/tg.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/img/tw.svg b/img/tw.svg deleted file mode 100644 index f0ef8db..0000000 --- a/img/tw.svg +++ /dev/null @@ -1,35 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/img/vk.svg b/img/vk.svg deleted file mode 100644 index 5859316..0000000 --- a/img/vk.svg +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/index.html b/index.html index 24f1be5..e1ef6e1 100644 --- a/index.html +++ b/index.html @@ -1,44 +1,31 @@ - @vladfaust + Vlad Faust - - - -
-
@vladfaust
-
-
-
- - + +
+

Hello, my name is Vlad Faust.

+

I love beautiful code. I have 2 years of Ruby experience. I'm a huge fan of Crystal.

+

My projects:

+
+
+

You can find me in VK, Telegram and GitHub.

+

I'm never available for hire.

diff --git a/stylesheets/style.css b/stylesheets/style.css index 559efb6..875f6cb 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -1,19 +1,9 @@ -html, body { - height: 100vh; - overflow: hidden; -} - body { - overflow-y: scroll; - -webkit-overflow-scrolling:touch; - margin: 0; - font-family: 'Ubuntu', sans-serif; + padding: 10px; + font-family: sans-serif; } .flex-container { - height: 100%; - padding: 0; - margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; @@ -21,66 +11,31 @@ body { display: flex; align-items: center; justify-content: center; - text-align: center; } -.title { - font-size: 3em; - color: #e9573f; +a { + color: black; + font-weight: bold; } -.content { - height: 100%; -} - -.footer { - height: 4em; - background-color: #e9573f; -} - -.footer .email-link { - display: none; -} - -.footer a:link, .footer a:visited, .footer a:active, .footer a:focus { - color: white; -} - -.footer .social-icon { +#projects { + max-width: 100%; display: inline-block; - text-decoration: none; - vertical-align: middle; } -.footer .social-icon:not(:first-child) { - margin-left: 0.6em; +#projects ul { + margin: auto; } -.footer .social-icon img { - height: 2.2em; - margin-bottom: -0.2em; +#projects li { + text-align: left; + list-style-type: square; } -@media (min-width: 767px) { - .title { - font-size: 5em; - } - - .footer { - height: 4em; - } - - .footer .email-link { - display: inline-block; - vertical-align: middle; - font-size: 1.5em; - } - - .footer .social-icons { - display: inline-block; - } - - .footer .social-icons .email-icon { - display: none; - } +#projects li .li-title { + font-size: bigger; +} + +#projects li.old-project { + opacity: 0.5; }