From a50a85046f65a05c007b331385f05e22db32ba0f Mon Sep 17 00:00:00 2001 From: dm1sh Date: Sat, 10 Apr 2021 13:37:01 +0500 Subject: [PATCH] Updated about me and fixed logo styles --- static/about/index.html | 69 ++++++++++++++++++++++++-- static/articles/index.html | 2 +- static/contacts/index.html | 2 +- static/gallery/index.html | 2 +- static/index.html | 2 +- static/logo.png | Bin 602 -> 0 bytes static/projects/index.html | 2 +- static/style.css | 96 ++++++++++++++++++++++--------------- 8 files changed, 129 insertions(+), 46 deletions(-) delete mode 100644 static/logo.png diff --git a/static/about/index.html b/static/about/index.html index e9fb710..e6adc0e 100644 --- a/static/about/index.html +++ b/static/about/index.html @@ -12,16 +12,79 @@
- +

About me

- Hello, I'm Shishkov Dmitriy. I'm 16 years old computer programmer. I'm also do photography as a hobby. As - for summer 2020, I'm studying in "Ugra physico-mathematical boarding school" in Khanty-Mansiysk. + Hello, I'm Shishkov Dmitriy. I'm 17 years old computer programmer. I'm also do photography as a hobby. As + for spring 2021, I'm studying in "Ugra physico-mathematical boarding school" in Khanty-Mansiysk.

+

+ My specialization is frontend web development. All web services and application I deploy on my own. For it + I've used Docker and docker-compose for deployment on my VPS. + Currently my server is powered with Dokku. For + smaller projects I also used some PaaS like Heroku and Vercel Now. +

+

+ I also do in for C development. In projects section you can see some of my + developments in this langualge. Even this site is powered by page generator written in C. +

+

More formally, this is my stack:

+

See contacts to get in touch with me.

diff --git a/static/articles/index.html b/static/articles/index.html index ada4bcc..ae2790f 100644 --- a/static/articles/index.html +++ b/static/articles/index.html @@ -12,7 +12,7 @@
- +
diff --git a/static/contacts/index.html b/static/contacts/index.html index b7a0a0b..ec7ace1 100644 --- a/static/contacts/index.html +++ b/static/contacts/index.html @@ -12,7 +12,7 @@
- +
diff --git a/static/gallery/index.html b/static/gallery/index.html index 8c15f40..05c6dae 100644 --- a/static/gallery/index.html +++ b/static/gallery/index.html @@ -12,7 +12,7 @@
- +
diff --git a/static/index.html b/static/index.html index f9f9312..aae6dd1 100644 --- a/static/index.html +++ b/static/index.html @@ -12,7 +12,7 @@
- +
diff --git a/static/logo.png b/static/logo.png deleted file mode 100644 index 3825639a02a62bafe28bf97bb5bb79d50943114d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 602 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H1SEZ8zRh7^U~I{Bb`J1#c2+1T%1_J8No8Qr zm{>c}*5j~)%+dJZtxBST++8In0_N&;bXjDHb_FcF!nM|FM$9i(U#UqV;_e5xK6r3E z>FU9wk>Tv&jskxe3X4jDN+t^ZpDq%0q@v(XfBAR0^7jl2a03XsZV2-+fS!s zsjZ*I(znK>o~`~Q&Q^Tul+pFfHo@ac(fq)NFj)FQ~AA+azn--`bqpy}}3n^TcH8)-UBd zQ!^-g^7x2u1D_u0H(K4?SHEXOx#Jiut-EbxddW?;}$24TjErS@e& zLG}_)Usv`gY~sSg3hsHL2Z2J8C9V-A&iT2ysd*&~&PAz-C8;S2<(VZJ3hti10pX2& z;y^_%o-U3d6}R3VWMl;L8YcW(|BeHc8b|>W2O1a{i}N~{f;4%$`njxgN@xNApY!6f diff --git a/static/projects/index.html b/static/projects/index.html index cf3607c..3fed645 100644 --- a/static/projects/index.html +++ b/static/projects/index.html @@ -12,7 +12,7 @@
- +
diff --git a/static/style.css b/static/style.css index 920a41d..6c92747 100644 --- a/static/style.css +++ b/static/style.css @@ -1,37 +1,47 @@ * { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } ::selection { - background-color: #000000; - color: #ffffff; + background-color: #000000; + color: #ffffff; } -html, body { - height: 100%; +html, +body { + height: 100%; } body { - background-color: #ffffff; - border-top: solid 5px #000000; - padding: 45px; + background-color: #ffffff; + border-top: solid 5px #000000; + padding: 45px; } a { - font-family: monospace; - color: #000000; + font-family: monospace; + color: #000000; } header { - height: 65px; - margin-bottom: 30px; + height: 65px; + margin-bottom: 30px; } header img { - height: 100%; + height: 100%; +} + +#logo { + display: block; + height: 65px; + width: 65px; + background-color: #000000; } /* header #modern { @@ -49,45 +59,55 @@ header #modern:hover } */ main { - max-width: 800px; + max-width: 800px; } -main>* { - margin-bottom: 30px; +main > * { + margin-bottom: 30px; } main img { - max-width: 100%; + max-width: 100%; } -main>ul { - padding-left: 30px; +main > ul { + padding-left: 30px; } -main p, main blockquote, main li { - font-size: 20px; - line-height: 30px; +main p, +main blockquote, +main li { + font-size: 20px; + line-height: 30px; } main a:hover { - text-decoration: none; + text-decoration: none; } main blockquote { - margin-left: 20px; - padding-left: 10px; - border-left: #000000 solid 5px; + margin-left: 20px; + padding-left: 10px; + border-left: #000000 solid 5px; } -main>#header { - font-size: 45px; +main details, main summary { + outline: none; +} + +main > #header { + font-size: 45px; } @media (max-width: 800px) { - body { - padding: 30px; - } - header #modern { - margin-left: 25px; - } -} \ No newline at end of file + body { + padding: 30px; + } + header #modern { + margin-left: 25px; + } +} + +ul ul > li { + margin-left: 20px; +}