Add audio and icons

master
Marvin Johanning 2022-05-18 20:27:55 +02:00
parent fc1772f0f4
commit 1a3847ccde
10 changed files with 69 additions and 4 deletions

56
audio.php Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="description" content="Free audio books read in the Lucian pronunciation of Ancient Greek.">
<link rel="preload" as="style" href="/CSS/styles.css">
<link rel="stylesheet" href="/CSS/styles.css">
<script defer data-domain="ancient-greek.net" src="https://analytics.ancient-greek.net/js/plausible.js"></script>
<title>Ancient Greek audio books ancient-greek.net</title>
<?php include('header.php'); ?>
<fieldset class="separator-styled radius">
<legend align="center">
<img src="/media/icons/vessel.png">
ΑΚΟΥΕ ΕΜΑΥΤΟΥ
<img src="/media/icons/vessel.png">
<legend align="center">
</fieldset>
</head>
</head>
<div class="heading-greek">
<h1>Audio</h1>
<h3>Ἀκούε τοὺς λόγους τοὺς ἀρχαίους</h3>
<i>Listen to the ancient words</i>
<img src="/media/imgs/audio_editing.webp", width="400", height="400" onerror="this.onerror=null; this.src='/media/imgs/audio_editing.jpg'" alt="" width="400" height="400">
<i>A screenshot of my editing audio using Audacity</i>
</div>
<body>
<div class="column-center">
<div class="article">
<h2>Contact me</h2>
<p>Below you will find links that, upon their having been clicked, will download the audio version of whatever text you selected. As of of right now (May 18th, 2022), the only thing you can download is the first chapter of the Gospel of John. You can also play the audio directly whilst reading the translation and transliteration. Simply open <a href="/translations/GNT/gospels/john/index.php">the translation page</a> and select the chapter you wish you read / listen to. If audio has already been made available for that chapter, you will see an audio player at the top of the page.</p>
</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="column-center">
<h2>The Gospel of John</h2>
<h3><a href="/media/audio/gospelofjohn/John_1.mp3" class="menu">Download audio for chapter 1</a>
</div>
</div>
<footer>
<?php include($_SERVER['DOCUMENT_ROOT'].'/footer.php'); ?>
</html>

View File

@ -33,9 +33,9 @@
<body>
<div class="article">
<p class="blocktext">I bid you welcome! You have reached the Agora of ancient-greek.net, a small (but growing) corner of the Web; and I hope you enjoy your stay! The Agora is the hub of the page, from where you can begin your journey into the various topics; click the <i>Agora</i> button at the top left to return here.</p>
<p class="blocktext">I bid you welcome! You have reached the Agora of ancient-greek.net, a small (but growing) corner of the Web; and I hope you enjoy your stay! The Agora is the hub of the page, from where you can begin your journey into the various topics; click the <q><img src="/media/icons/parthenon-3.png" width="16" height="16"> Agora</q> at the top left to return here. You can also find us on <img src="/media/icons/twitter.png" width="16" height="16"> <a href="https://twitter.com/ancientgreeknet">Twitter</a> and <img src="/media/icons/youtube.png" width="16" height="16"> <a href="https://www.youtube.com/channel/UCpU3eASmyKybJWnzhC1xJvA">YouTube</a>.</p>
<p>This website as its name may have already made you realise contains countless pages regarding the Ancient Greek language and country. <br>It is not, however, entirely focussed on the Classical Period of Greece (a period spanning roughly 200 years between the fifth and fourth centuries BC), but rather anything Greek-related spanning from the Classical Period up until the Byzantine. <br>The websites main focus is the Ancient Greek language, however, and the majority of the information you find here will be about the language. For a more detailed overview, I would highly recommend you visit the <a href="about.php">About page</a>.</p>
<p>This website as its name may have already made you realise contains countless pages regarding the Ancient Greek language and country; we even have 🎧 <a href="audio.php">free audio books!</a> <br>The site is not, however, entirely focussed on the Classical Period of Greece (a period spanning roughly 200 years between the fifth and fourth centuries BC), but rather anything Greek-related spanning from the Classical Period up until the Byzantine. <br>The websites main focus is the Ancient Greek language, however, and the majority of the information you find here will be about the language. For a more detailed overview, I would highly recommend you visit the <a href="about.php">About page</a>.</p>
</div>
<div class="separator greek-font">
@ -113,9 +113,12 @@
<div class="column">
<h2>Texts and miscellaneous</h2>
<h3 class="new"><a href="wordle/index.html" class="menu">Ancient Greek Wordle</a></h3>
<h3><a href="wordle/index.html" class="menu">Ancient Greek Wordle</a></h3>
<p>A version of Wordle using words from the Greek New Testament. Made by <a href="https://github.com/jtauber/gnt-wordle">James K. Tauber</a>.</p>
<h3 class="new"><a href="audio.php" class="menu">Audio</a></h3>
<p>Do you want to listen to spoken Ancient Greek? Then this is where you should look! Download free audio books.</p>
<h3><a href="texts/index.php" class="menu">Letters</a></h3>
<p>This page contains various <q>letters</q> I have written in the language.</p>

BIN
media/.DS_Store vendored

Binary file not shown.

Binary file not shown.

BIN
media/icons/twitter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

BIN
media/icons/youtube.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
media/imgs/audio_editing.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -55,6 +55,7 @@
<li>Reading the <a href="/shelf/physical/readerseditionot.php">Septuaginta</a> (May 2021)</li>
<li>Translating <a href="/translations/GNT/gospels/john/index.php">The Gospel of John</a> (August 2021)</li>
<li>Translating <a href="/translations/GNT/generalepistles/index.php">The Epistles of John</a> (August 2021)</li>
<li>Recording <a href="/audio.php">audio books</a> for various texts (May 2022)</li>
</ul>
</div>
<div class="column-2">

View File

@ -26,7 +26,12 @@
<i>November 2021</i>
<br><br>
<b>Listen to the text</b>
<br>
<audio controls>
<source src="/media/audio/gospelofjohn/John_1.mp3" type="audio/mpeg">
</audio>
</div>
<div class="row">