Add new icons and edit main php sites
|
@ -718,6 +718,10 @@ div.heading-greek {
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.separator img.no {
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
.separator img:nth-of-type(1) {
|
.separator img:nth-of-type(1) {
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
}
|
}
|
||||||
|
|
24
about.php
|
@ -11,16 +11,20 @@
|
||||||
<title>About — ancient-greek.net</title>
|
<title>About — ancient-greek.net</title>
|
||||||
|
|
||||||
<?php include('header.php'); ?>
|
<?php include('header.php'); ?>
|
||||||
<hr>
|
<div class="separator">
|
||||||
|
<img src="/media/icons/grapes.png">
|
||||||
|
ΛΕΓΩ ΠΕΡΙ ΕΜΑΥΤΟΥ
|
||||||
|
<img src="/media/icons/grapes.png">
|
||||||
|
</div>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div align="center">
|
<div class="heading-greek">
|
||||||
<h1 style="margin-bottom: 0;">About ancient-greek.net</h1>
|
<h1>About ancient-greek.net</h1>
|
||||||
<br>
|
<h3>Γράφω λόγους περὶ τῆς ταύτης ἀρχῆς </h3>
|
||||||
|
<i>I write a few words about this realm</i>
|
||||||
<img src="/media/imgs/menander_masks.webp", width="280", height="150" onerror="this.onerror=null; this.src='/media/imgs/menander_masks.jpg'" alt="" width="280" height="150">
|
<img src="/media/imgs/menander_masks.webp", width="280", height="150" onerror="this.onerror=null; this.src='/media/imgs/menander_masks.jpg'" alt="" width="280" height="150">
|
||||||
<br>
|
|
||||||
<i>Relief of a seated poet (Menander) with masks of New Comedy, 1st century B.C.</i>
|
<i>Relief of a seated poet (Menander) with masks of New Comedy, 1st century B.C.</i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -28,8 +32,8 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column-2">
|
<div class="column-2">
|
||||||
<div class="article">
|
<div class="article">
|
||||||
<h2 style="text-align: center;">About page</h2>
|
<h2>About page</h2>
|
||||||
<p class="blocktext">Welcome to the About page. Here you will find some information about me, but also information about the website itself, why it was created, the types of texts and documents you might find, the reason behind its simplistic design and some information regarding the navigating through pages. If you wish to know more about my current projects, please visit the <a href="/projects.php">projects page</a>.</p>
|
<p>Welcome to the About page. Here you will find some information about me, but also information about the website itself, why it was created, the types of texts and documents you might find, the reason behind its simplistic design and some information regarding the navigating through pages. If you wish to know more about my current projects, please visit the <a href="/projects.php">projects page</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column-2">
|
<div class="column-2">
|
||||||
|
@ -51,6 +55,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="separator">
|
||||||
|
<img class="no" src="/media/icons/pottery.png">
|
||||||
|
Η ΑΡΧΗ ΜΟΥ
|
||||||
|
<img class="no" src="/media/icons/pottery.png">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="article">
|
<div class="article">
|
||||||
<h2 id="aboutme">About Me</h2>
|
<h2 id="aboutme">About Me</h2>
|
||||||
<p>My name is Marvin, a German in his twenties who is currently attending an apprenticeship as an IT systems technician in Bielefeld, which I hope to successfully finish by 2022. I have been interested in learning languages for over a decade now and have recently begun discovering the language of Ancient Greece. When writing texts in Greek, I use the name Κλεόφιλος (Cleophilus) which is the translation of my first name’s Old German meaning.</p>
|
<p>My name is Marvin, a German in his twenties who is currently attending an apprenticeship as an IT systems technician in Bielefeld, which I hope to successfully finish by 2022. I have been interested in learning languages for over a decade now and have recently begun discovering the language of Ancient Greece. When writing texts in Greek, I use the name Κλεόφιλος (Cleophilus) which is the translation of my first name’s Old German meaning.</p>
|
||||||
|
|
22
contact.php
|
@ -11,18 +11,20 @@
|
||||||
<title>Contact — ancient-greek.net</title>
|
<title>Contact — ancient-greek.net</title>
|
||||||
|
|
||||||
<?php include('header.php'); ?>
|
<?php include('header.php'); ?>
|
||||||
<hr>
|
<div class="separator">
|
||||||
|
<img src="/media/icons/amphora.png">
|
||||||
|
ΔΙΑΛΕΓΩΜΕΝ
|
||||||
|
<img src="/media/icons/amphora.png">
|
||||||
|
</div>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div align="center">
|
<div class="heading-greek">
|
||||||
<h1 style="margin-bottom: 0px;">Contact</h1>
|
<h1>Contact</h1>
|
||||||
<h3 style="margin: 0">Write me a letter or an email</h3>
|
<h3>Ἐπιστολὴν τινά μοι πέμπε</h3>
|
||||||
<br>
|
<i>Write me a letter or an email</i>
|
||||||
<img src="/media/imgs/cossacks_letter.webp", width="300", height="300" onerror="this.onerror=null; this.src='/media/imgs/cossacks_letter.jpg'" alt="" width="300" height="300">
|
<img src="/media/imgs/cossacks_letter.webp", width="300", height="300" onerror="this.onerror=null; this.src='/media/imgs/cossacks_letter.jpg'" alt="" width="300" height="300">
|
||||||
<br>
|
|
||||||
<i>The Zaporozhye Cossacks Replying to the Sultan — 1878 – 1891, Ilya Repin</i>
|
<i>The Zaporozhye Cossacks Replying to the Sultan — 1878 – 1891, Ilya Repin</i>
|
||||||
<br>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="column-center">
|
<div class="column-center">
|
||||||
|
@ -32,6 +34,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="separator">
|
||||||
|
<img class="no" src="/media/icons/hieroglyphs.png">
|
||||||
|
ΕΠΙΣΤΟΛΗΝ ΤΙΝΑ ΜΟΙ ΠΕΜΠΕ
|
||||||
|
<img class="no" src="/media/icons/hieroglyphs.png">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column-2">
|
<div class="column-2">
|
||||||
<h2>Important! Privacy statement must be read before attempting to contact me!</h2>
|
<h2>Important! Privacy statement must be read before attempting to contact me!</h2>
|
||||||
|
|
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 4.6 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 4.6 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 6.6 KiB |
After Width: | Height: | Size: 6.3 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 7.1 KiB |
After Width: | Height: | Size: 7.6 KiB |
24
projects.php
|
@ -11,29 +11,39 @@
|
||||||
<title>My projects – ancient-greek.net</title>
|
<title>My projects – ancient-greek.net</title>
|
||||||
|
|
||||||
<?php include('header.php'); ?>
|
<?php include('header.php'); ?>
|
||||||
<hr>
|
<div class="separator">
|
||||||
|
<img src="/media/icons/amphora-2.png">
|
||||||
|
ΤΙ ΠΡΑΤΤΩ ΝΥΝ;
|
||||||
|
<img src="/media/icons/amphora-2.png">
|
||||||
|
</div>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div align="center">
|
<div class="heading-greek">
|
||||||
<h1 style="margin-bottom: 0;">My projects</h1>
|
<h1>My projects</h1>
|
||||||
<br>
|
<h3>Τίνες εἰσὶν ἁι βουλαί μου;</h3>
|
||||||
|
<i>What are my projects?</i>
|
||||||
<img src="/media/imgs/paul_writing.webp", width="280", height="150" onerror="this.onerror=null; this.src='/media/imgs/paul_writing.jpg'" alt="" width="280" height="150">
|
<img src="/media/imgs/paul_writing.webp", width="280", height="150" onerror="this.onerror=null; this.src='/media/imgs/paul_writing.jpg'" alt="" width="280" height="150">
|
||||||
<br>
|
|
||||||
<i>Saint Paul Writing His Epistles — 1618 – 1620, Valentin de Boulogne</i>
|
<i>Saint Paul Writing His Epistles — 1618 – 1620, Valentin de Boulogne</i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div>
|
<div>
|
||||||
<div class="article">
|
<div class="article">
|
||||||
<h2 style="text-align: center;">Projects</h2>
|
<h2>Projects</h2>
|
||||||
<p class="blocktext">Indeed, what use is the learning of a foreign language if you do not use it to create something? This, at least, is what I believe; and, therefore, I work on several projects most of the time which relate to my study of the Ancient Greek language. This page contains information regarding the projects I am working on and the (approximate) date on which I began my work. I you have any suggestions or ideas, feel free to contact me and tell me!</p>
|
<p>Indeed, what use is the learning of a foreign language if you do not use it to create something? This, at least, is what I believe; and, therefore, I work on several projects most of the time which relate to my study of the Ancient Greek language. This page contains information regarding the projects I am working on and the (approximate) date on which I began my work. I you have any suggestions or ideas, feel free to contact me and tell me!</p>
|
||||||
<p>Please note, however, that I do not work on my projects in any particular order; instead, I work on them as I feel like working on them.</p>
|
<p>Please note, however, that I do not work on my projects in any particular order; instead, I work on them as I feel like working on them.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="separator">
|
||||||
|
<img src="/media/icons/shield-1.png">
|
||||||
|
ΠΕΡΙ ΤΩΝ ΒΟΥΛΩΝ ΜΟΥ
|
||||||
|
<img src="/media/icons/shield-1.png">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="column-center">
|
<div class="column-center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column-2">
|
<div class="column-2">
|
||||||
|
|
|
@ -11,29 +11,38 @@
|
||||||
<title>Updates – ancient-greek.net</title>
|
<title>Updates – ancient-greek.net</title>
|
||||||
|
|
||||||
<?php include('../header.php'); ?>
|
<?php include('../header.php'); ?>
|
||||||
<hr>
|
<div class="separator">
|
||||||
|
<img src="/media/icons/mandolin.png">
|
||||||
|
ΑΝΑΓΙΓΝΟΣΚΩΜΕΝ ΤΑΣ ΑΓΓΕΛΙΑΣ
|
||||||
|
<img src="/media/icons/mandolin.png">
|
||||||
|
</div>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div align="center">
|
<div class="heading-greek">
|
||||||
<h1 style="margin-bottom: 0;">Updates</h1>
|
<h1>Updates</h1>
|
||||||
<h3 style="margin: 0;">May the territory expand</h3>
|
<h3>Αὐξανέτω ἡ ἀρχή</h3>
|
||||||
<br>
|
<i>May the territory expand</i>
|
||||||
<img src="/media/imgs/atticredfigured.webp", width="250", height="250" onerror="this.onerror=null; this.src='/media/imgs/atticredfigured.jpg'" alt="" width="250" height="250">
|
<img src="/media/imgs/atticredfigured.webp", width="250", height="250" onerror="this.onerror=null; this.src='/media/imgs/atticredfigured.jpg'" alt="" width="250" height="250">
|
||||||
<br>
|
|
||||||
<i>Rider, Attic red-figured cup — Middle of 5<sup>th</sup> century BC</i>
|
<i>Rider, Attic red-figured cup — Middle of 5<sup>th</sup> century BC</i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="article">
|
<div class="article">
|
||||||
<h2 style="text-align: center;">Updates</h2>
|
<h2>Updates</h2>
|
||||||
<p>On the following page you will find updates regarding the website and its content. The update appear in chronological order, with the latest update at the very top and earlier ones below it.</p>
|
<p>On the following page you will find updates regarding the website and its content. The update appear in chronological order, with the latest update at the very top and earlier ones below it.</p>
|
||||||
|
|
||||||
<p>I highly encourage you to check back here every so often so as to not miss out on new website features or content.</p>
|
<p>I highly encourage you to check back here every so often so as to not miss out on new website features or content.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="separator">
|
||||||
|
<img src="/media/icons/scroll.png" class="no">
|
||||||
|
ΑΙ ΑΓΓΕΛΙΑΙ
|
||||||
|
<img src="/media/icons/scroll.png" class="no">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="article">
|
<div class="article">
|
||||||
<h2>December 6, 2021 — Webrings</h2>
|
<h2>December 6, 2021 — Webrings</h2>
|
||||||
<p>Before I begin with my talking about webrings, I would like to address the Germans: </p>
|
<p>Before I begin with my talking about webrings, I would like to address the Germans: </p>
|
||||||
|
|