summaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
authorHarald Eilertsen <haraldei@anduin.net>2023-12-26 17:23:58 +0100
committerHarald Eilertsen <haraldei@anduin.net>2023-12-26 17:23:58 +0100
commitcc9cf903313e44b8d83dc6354a21dfe5b693e618 (patch)
tree8c48a38309abfb2af71300693d2680bce0ae0fc5 /index.html
parent9ab32d6c1229cbedb3c644c92d205531bfa28495 (diff)
downloadyggdrasilweb-bruk-css-styling.tar.gz
yggdrasilweb-bruk-css-styling.tar.bz2
yggdrasilweb-bruk-css-styling.zip
Forenkle HTML og flytt layout til CSS.bruk-css-styling
Flyttet alt som handler om layout og utseende til style.css, og forenklet HTML koden ved å fjerne ting som har med dette å gjøre. Endret også standard tegnkoding i html filene til UTF-8, slik at man slipper å bruke HTML entiteter (&aelig og venner) for å skrive danske tegn. Omsluttet navigasjonslenkene med <nav>-tagger, for å gjøre disse mer tilgjengelige for folk som bruker skjermlesere og annen hjelpeprogramvare for å lese sidene. Endret også kontaktsiden til å bruke tekst heller enn et bilde som inneholder tekst. Bildet skal ligge under teksten omtrent som før, selc om det kan se litt annerledes ut avhengig av størrelse på skjerm og skrifter osv. La inn brytningspunkter (soft hyphens) i overskriftene, siden det kan bli kluss på enkelte mobiler om ikke "Asatrofællesskabed" kan brytes over flere linjer. Har sikkert gjort litt annet småplukk også...
Diffstat (limited to 'index.html')
-rw-r--r--index.html55
1 files changed, 31 insertions, 24 deletions
diff --git a/index.html b/index.html
index 04989ee..4c38743 100644
--- a/index.html
+++ b/index.html
@@ -1,25 +1,32 @@
-<HTML>
-<HEAD>
-<!-- Minus AutoDato -->
-<TITLE>Asatrof&aelig;llesskabet Yggdrasil</TITLE>
+<!doctype html>
+<html>
+ <head>
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="stylesheet" href="style.css" />
+ <meta charset="utf-8" />
+ <title>Asatrofællesskabet Yggdrasil</title>
+ <script>
+ <!--
+ if (top.frames.length != 0) top.location = self.document.location;
+ // -->
+ </script>
+ </head>
+ <body lang="dk">
+ <h1>Asatro&shy;fælles&shy;skabet Yggdrasil</h1>
-<meta name="Generator" content="Stone's WebWriter 4">
-<SCRIPT LANGUAGE=JAVASCRIPT>
-<!--
-if (top.frames.length!=0)
- top.location=self.document.location;
-// -->
-</SCRIPT>
-<body bgcolor="#000000" text="#FFFFFF" vlink="#FFFFFF" link="#FFFFFF">
-</HEAD>
-<CENTER><FONT SIZE="+6">Asatrof&aelig;llesskabet Yggdrasil</FONT>
-<br><br>
-<IMG SRC="pics/pano6 copy.jpg" WIDTH="" HEIGHT="" BORDER="0">
-<br><br>
-<IMG SRC="pics/IMGP8514.jpg" WIDTH="" HEIGHT="" BORDER="0">
-<br>
-<br>
-<FONT SIZE="+6"><A HREF="https://www.facebook.com/profile.php?id=100089179794220Facebook">Facebook</A> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <A HREF="3.html">Kontakt</A> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <A HREF="1.html">----></A></FONT>
-</CENTER>
-</body>
-</HTML> \ No newline at end of file
+ <img src="pics/pano6%20copy.jpg" alt="" />
+ <img src="pics/IMGP8514.jpg" alt="" />
+
+ <nav>
+ <ul>
+ <li>
+ <a href="https://www.facebook.com/profile.php?id=100089179794220Facebook">
+ Facebook
+ </a>
+ </li>
+ <li><a href="3.html">Kontakt</a></li>
+ <li><a href="1.html">----></a></li>
+ </ul>
+ </nav>
+ </body>
+</html>