Add CSS class for separator imgs

CSS/styles.css

@@ -711,4 +711,17 @@ div.heading-greek {
 
 .greek-font {
   font-family: "Vollkorn";
+}
+
+.separator img {
+  width: 18px;
+  padding-bottom: 5px;
+}
+
+.separator img:nth-of-type(1) {
+  padding-right: 2px;
+}
+
+.separator img:nth-of-type(2) {
+  padding-left: 2px;
 }

about.php

@@ -83,7 +83,7 @@
   <p>I am also a great fan of images and visual content in general; you will, therefore, find a picture on virtually any page and most articles will contain several pictures relating to the topic being discussed within said article. I always take the utmost care, to make certain that every graphic I use can be used by me without any further issues; should you, however, find that an image you find hereon violates your — or someone else’s — copyright, then I would like to ask you to <a href="contact.php">send me an email</a>.</p>
 
   <h3 id="why">Why was the site created?</h3>
-  <p>You might now understandably be wondering why anyone would create a website such as this one in the year 2021, where there exist a myriad of websites on every conceivable topic; and the the majority of aforesaid websites have a much higher budget and a much bigger audience. Aside from my hating the majority of the modern Web and its focus on money, bloatedness and mobile-first approaches, I find that there needs to be more websites made as websites were made <i>in the days of old</i>.</p>
+  <p>You might now understandably be wondering why anyone would create a website such as this one in the year 2021, where there exist a myriad of websites on every conceivable topic; and the majority of aforesaid websites have a much higher budget and a much bigger audience. Aside from my hating the majority of the modern Web and its focus on money, bloatedness and mobile-first approaches, I find that there needs to be more websites made as websites were made <i>in the days of old</i>.</p>
 
   <p>I therefore decided to create this nice little corner of the Web, in the hopes of finding other people that agree with my sentiment that most modern sites are too bloated for their own good; and that most sites nowadays focus more on having a <q>cool</q> design, but do not take into account what is most important: content.</p>
 

index.php

@@ -10,7 +10,11 @@
   <title>Agora (Home page) — ancient-greek.net (Ancient Greek)</title>
 
   <?php include('header.php'); ?>
-  <div class="separator greek-font"><img src="/media/icons/amphora.png" width="16px" height="16px" style="padding-bottom: 5px; padding-right: 2px;">ΕΛΛΗΝΙΖΩΜΕΝ, Ω ΦΙΛΕ ΜΟΥ<img src="/media/icons/amphora.png" width="16px" height="16px" style="padding-bottom: 5px; padding-left: 2px;"></div>
+  <div class="separator greek-font">
+    <img src="/media/icons/triskele.png">
+      ΕΛΛΗΝΙΖΩΜΕΝ, Ω ΦΙΛΕ ΜΟΥ
+    <img src="/media/icons/triskele.png">
+  </div>
 </head>
 
 <div align="center">
@@ -31,7 +35,11 @@
 </div>
 
 
-<div class="separator greek-font"><img src="/media/icons/grapes.png" width="16px" height="16px" style="padding-bottom: 5px; padding-right: 2px;">ΔΙΑΠΟΡΕΥΕ ΤΗΝ ΑΓΟΡΑΝ<img src="/media/icons/grapes.png" width="16px" height="16px" style="padding-bottom: 5px; padding-left: 2px;"></div>
+<div class="separator greek-font">
+  <img src="/media/icons/uvas.png">
+    ΔΙΑΠΟΡΕΥΕ ΤΗΝ ΑΓΟΡΑΝ
+  <img src="/media/icons/uvas.png">
+</div>
 
 
 <div class="row">