Merge pull request #200 from zetxek/update/li-color

Update style of `ol`/`ul` items within homepage `section`

assets/scss/_raditian.scss

@@ -681,22 +681,25 @@ textarea:focus {
     display: block;
     position: relative;
     padding-left: 15px;
-    font-size: 16px;
     font-weight: 300;
-    color: rgba(0, 0, 0, 0.6);
     line-height: 1.24;
     margin-bottom: 12px;
     text-align: left;
 }
+.section ol, 
+.section ul{
+    padding-left: 1.2rem;
+}
+
 .section li::before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
-    top: 10px;
-    width: 4px;
-    height: 4px;
-    border-radius: 2px;
+    top: 8px;
+    width: 6px;
+    height: 6px;
+    border-radius: 4px;
     background-color: #000;
 }
 .header.collapse.show::before,

assets/scss/adritian.scss

@@ -93,7 +93,6 @@ h4 {
     }
 }
 p {
-    margin-bottom: 30px;
     font-size: 16px;
     font-weight: 300;
     line-height: 28px;
@@ -275,9 +274,6 @@ footer_links .nav-item .nav-link::after {
     .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
         color: #fff !important;
     }
-    .section li{
-        color: $light-text-emphasis-dark !important;
-    }
     .section li::before{
         background-color: $light-text-emphasis-dark !important;
     }

i18n/en.yaml

@@ -77,17 +77,24 @@
   translation: "Who am I?"
 
 - id: "about_content"
-  translation:  <p class="lead">
+  translation:  '<p class="lead">
       Here you can add some information about you. A small excerpt that describes 
       your experience, for example.   
-      </p>
-      <p class="lead">
+      </br>
       You explain something about your academic/study background, as well as your
       preferred areas of work. Think of this area as context-setting for the experience
       that you will describe below. Why did you change jobs? What drove you to take a 
-      new gig? Even if you are not looking for a job, it's a good way to hint about
+      new gig? Even if you are not looking for a job, it’s a good way to hint about
       what kind of projects you are interested in.
-    </p>
+      </br>
+        You can also add a list of topics, for example:
+      </br>
+        <ul>
+          <li>Topic 1</li>
+          <li>Topic 2</li>
+          <li>Topic 3</li>
+        </ul>
+      </p>'
 
 - id: "about_button"
   translation: "About Me"