Uhr auf Webseite

Quelle

• Projekt “SVG-Clock” von Sergey A Kryukov, 2023

Einbettung in WordPress-Seite

Die beteiligten js-Dateien werden im Bereiche “Medien” upgeloadet und in einem HTML-Block am Beginn der Seite gemeinsam mit den Style-Sheets eingebunden:

Nach dem Titel wird ein zweiter HTML-Block eingefügt, der lediglich die Tags <section></section> enthält. Der JavaScript-Code schreibt die Grafik in dieses Bereich.

<meta charset="utf-8"/>
<script src="https://clubcomputer.at/wp-content/uploads/sites/6/2023/03/SVG.js"></script>
<script src="https://clubcomputer.at/wp-content/uploads/sites/6/2023/03/clock.js"></script>
<script src="https://clubcomputer.at/wp-content/uploads/sites/6/2023/03/main.js"></script>
<style>
	* { margin: 0; padding: 0; font-family: sans-serif; box-sizing: content-box; touch-action: none; user-select: none; }
	section { text-align: center; }
	svg { height: 80vmin; width: 80vmin; }
	main { padding-left: 1em; padding-right: 1em; }
	main > section > label { margin-left: var(--small-horizontal-gap) }
	h1 { text-align: center; font-size: 110; margin-top: 0.4em; }
	/* flex: */
	html, body { height: 100%; }
	body { display: flex; flex-flow: column; }
	main { flex: auto; overflow: auto; }
	/* end flex */
	footer { background: azure; padding: 0.2em; padding-left: 1em; padding-right: 1em; border-top: solid thin gray; }
</style>

• Über
• Letzte Artikel

Franz Fiala

Präsident Clubcomputer / Herausgeber PCNEWS bei ClubComputer.at

Franz ist pensionierter HTL Lehrer (TGM), Präsident von ClubComputer, Herausgeber der Clubzeitung PCNEWS und betreut unser Clubtelefon und Internet Support. Er ist leidenschaftlicher Rapid Wien Fan.

Letzte Artikel von Franz Fiala (Alle anzeigen)

• KI Materialien - 21. September 2023
• 30 Ausgaben, 30 Autoren - 16. September 2023
• Batchbearbeitung von Bildern - 13. September 2023