Merge pull request #15 from Yuriy-Solodovnik/feature/style

Feature/style
Yuriy-Solodovnik · May 4, 2021 · 09fbde6 · 09fbde6
2 parents 72e7fd4 + 90dc277
commit 09fbde6
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 10 deletions.
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
@@ -0,0 +1,29 @@
+input[type="range"] {
+  background: transparent;
+}
+
+.myFlex {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+}
+
+#ava {
+  border-radius: 100%;
+}
+
+ul > li::before {
+  content: "📌";
+}
+
+.color.blue::before {
+  background-color: blue;
+}
+
+.color.yellow::before {
+  background-color: yellow;
+}
+
+.color.green::before {
+  background-color: green;
+}
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
       <meta charset="UTF-8" />
       <title>Résumé</title>
       <link rel="stylesheet" href="https://binary-studio-academy.github.io/stage-2/assets/stylesheets/base.css">
+      <link rel="stylesheet" href="./assets/stylesheets/style.css">
     </head>
     <body>
       <main>
@@ -13,7 +14,7 @@
               <div class="row">
                 <div class="three wide center aligned column">
                   <div class="stackable grid">
-                    <img src = "assets/images/ava.png" alt = "my avatar" id="ava"></img>
+                    <img src = "assets/images/ava.png" alt = "my avatar" id="ava">
                   </div>
                 </div>
                 <div class="thirteen wide column">
@@ -101,31 +102,31 @@ <h6>Now</h6>
                             <a href="https://nure.ua/ru/faculty/fakultet-kompyuternoy-inzhenerii-i-upravleniya" rel="external">Faculty of Computer Engineering and Management</a>
                           </strong>, specialty Computer Engineering. <sup>not to be confused with the name of the faculty</sup>
                         </p>
-                          <ol>
+                          <ul>
                             <li>Learning web-technologies, using <strong><a href="https://github.com/aspnet/" rel="external">ASP.NET Core</a></strong>.</li>
-                          </ol>
-                          <ol>
+                          </ul>
+                          <ul>
                             <li>The basics of designing hardware and software devices at the system level, IP cores for crystals, as well as system programming of microcontrollers, methods of design, deployment, maintenance and ensuring reliability and security in corporate and computer systems and networks.</li>
-                          </ol>
-                          <ol>
+                          </ul>
+                          <ul>
                             <li>Types, principles of organization and design of modern wireless networks.</li>
-                          </ol>
+                          </ul>
                       </li>
                     </ul>
                     <h6>Back then</h6>
                     <ul class="timeline">
                       <li>
                         <p><em> September 2007 &ndash; 23<sup>rd</sup> June 2019</em></p>
-                          <ol>
+                          <ul>
                             <li><strong>Studied at <a href="https://schoolapan.wixsite.com/panschool1" rel="external">Panyutyn Lyceum</a></strong></li>
-                          </ol>
+                          </ul>
                       </li>
                     </ul>
                     <h6>Way back then</h6>
                     <ul class="timeline">
                       <li>
                         <p><em>19<sup>th</sup> July 2001</em></p>
-                        <ol><li><strong>Born</strong> in the town of<strong><a href="https://lozovarada.gov.ua" rel="external"> Lozovaya, Ukraine [</a></strong><a href="https://www.google.com/maps/place/Лозовая,+Харьковская+область/@48.8945456,36.2456214,12z/data=!3m1!4b1!4m5!3m4!1s0x40df2f3ee2d01dbf:0xa7357ad1ebda3552!8m2!3d48.8902362!4d36.308001" rel="external"> Location </a>]</li></ol>
+                        <ul><li><strong>Born</strong> in the town of<strong><a href="https://lozovarada.gov.ua" rel="external"> Lozovaya, Ukraine [</a></strong><a href="https://www.google.com/maps/place/Лозовая,+Харьковская+область/@48.8945456,36.2456214,12z/data=!3m1!4b1!4m5!3m4!1s0x40df2f3ee2d01dbf:0xa7357ad1ebda3552!8m2!3d48.8902362!4d36.308001" rel="external"> Location </a>]</li></ul>
                       </li>
                     </ul>
                   </section>
@@ -184,6 +185,19 @@ <h3>Articles</h3>
                   </section>
                 </div>
               </div>
+              <div class="myFlex">
+                <input type="range" id="color" name="color" min="0" max="255">
+                <div>
+                  <button id="blue" class="color blue"></button>
+                  <button id="green" class="color green"></button>
+                  <button id="yellow" class="color yellow"></button>
+                </div>
+                <p class="tags small">
+                  <a href="./uk-ua/index.html" hreflang="uk" rel="alternate" class="language" lang="uk">&#x1f1fa;&#x1f1e6; <span>УКРАЇНСЬКА</span></a> 
+                  <a href="./ru-ru/index.html" hreflang="ru" rel="alternate" class="language" lang="ru">&#x1f1f7;&#x1f1fa; <span>РУССКИЙ</span></a> 
+                  <span class="language" lang="en">&#x1f1fa;&#x1f1f8; ENGLISH</span>
+                </p>
+              </div>
             </div>
           </div>
         </article>