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 3825639..0000000
Binary files a/static/logo.png and /dev/null differ
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;
+}