deploy: c4cec3a

data.json

@@ -229,6 +229,16 @@
               "url": "https://registry.jsonresume.org/timurrin.qr"
             }
           ]
+        },
+        {
+          "name": "LinkedIn",
+          "image": "img/linkedin.svg",
+          "links": [
+            {
+              "text": "visit",
+              "url": "https://www.linkedin.com/in/timur-moziev/"
+            }
+          ]
         }
       ]
     }

index.html

@@ -113,6 +113,11 @@ <h2>CONTACT ME</h2>
       <a class="link" href="https://registry.jsonresume.org/timurrin.json" target="_blank" rel="noopener noreferrer">json</a>
       <a class="link" href="https://registry.jsonresume.org/timurrin.qr" target="_blank" rel="noopener noreferrer">qr-code</a>
     </p>
+    <p class="vertical">
+      <img class="image-circle" style="height: 1em; width: 1em;" src="img/linkedin.svg" />
+      <span class="bold">LinkedIn</span>
+      <a class="link left-buffer" href="https://www.linkedin.com/in/timur-moziev/" target="_blank" rel="noopener noreferrer">visit</a>
+    </p>
   </section>
   <footer>
     <p>

style.css

@@ -11,8 +11,8 @@
 
 body {
   font-family: "source-sans-pro", Arial;
-  color: #000000;
-  background-color: #ffffff;
+  color: #000;
+  background-color: #fff;
   min-height: 100vh;
   padding: 0;
   text-align: center;
@@ -27,20 +27,20 @@ header {
 }
 
 h2 {
-  border-bottom: 1px dotted #901050;
+  border-bottom: 1px dotted #d04000;
   margin-bottom: 0.25em;
 }
 
 a {
   text-decoration: none;
-  color: #901050;
+  color: #d04000;
   padding: 0 0.2em;
 }
 
 a:hover {
   text-decoration: dotted;
-  background-color: #901050;
-  color: #ececec;
+  background-color: #a4caba;
+  color: #111;
 }
 
 section {
@@ -104,20 +104,20 @@ footer {
 
   body {
     background-color: #222;
-    color: #ffffffde;
+    color: #ddd;
   }
 
   h2 {
-    border-bottom-color: #c9a0b5;
+    border-bottom-color: #caad44;
   }
 
   a {
-    color: #bd3a7b;
+    color: #caad44;
   }
 
   a:hover {
-    background-color: #901050;
-    color: #ececec;
+    background-color: #a4caba;
+    color: #111;
   }
 
   .dark-theme-filter {

style.json

@@ -1,18 +1,19 @@
 {
   "colors": {
-    "primaryColor": "#901050",
-    "linkColor": "#901050",
-    "linkHoverBackgroundColor": "#901050",
-    "linkHoverTextColor": "#ececec",
-    "borderColor": "#901050"
+    "backgroundColor": "#fff",
+    "textColor": "#000",
+    "borderColor": "#d04000",
+    "linkColor": "#d04000",
+    "linkHoverBackgroundColor": "#a4caba",
+    "linkHoverTextColor": "#111"
   },
   "colorsDark": {
     "backgroundColor": "#222",
-    "textColor": "rgba(255, 255, 255, 0.87)",
-    "borderColor": "#c9a0b5",
-    "linkColor": "#bd3a7b",
-    "linkHoverBackgroundColor": "#901050",
-    "linkHoverTextColor": "#ececec"
+    "textColor": "#ddd",
+    "borderColor": "#caad44",
+    "linkColor": "#caad44",
+    "linkHoverBackgroundColor": "#a4caba",
+    "linkHoverTextColor": "#111"
   },
   "fontHeaders": {
     "fontFamily": "\"source-sans-pro\", Arial",
@@ -26,4 +27,4 @@
     "fontWeight": "normal",
     "fontStyle": "italic"
   }
-}
+}