AdventskalendOER/index.html

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AdventskalendOER</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            background-color: #f4f4f4;
        }
        header, footer {
            background-color: #203A8F;
            color: #fff;
            padding: 10px;
            text-align: center;
            width: 100%;
        }
        main {
            padding: 20px;
            text-align: center;
            max-width: 600px;
        }
        .link {
            color: #203A8F;
            text-decoration: none;
            font-weight: bold;
            margin-top: 20px;
            display: inline-block;
        }
        svg {
            margin: 20px 0;
            width: 200px; /* Doppelte Größe */
            height: 200px; /* Doppelte Größe */
        }
        @media (max-width: 600px) {
            svg {
                width: 90%;
                height: auto;
            }
        }
    </style>
</head>
<body>
    <header>
        <h1>AdventskalendOER</h1>
    </header>
    <main>
        <p>Ein gemeinschaftlicher OER-Adventskalender entsteht auf <a href="https://adventskalend.oer.community" class="link">adventskalend.oer.community</a>!</p>
        <p>Besuche das <a href="https://codeberg.org/Comenius-Institut/AdventskalendOER" class="link" target="_blank">Codeberg-Repository</a> für den aktuellen Entwicklungsstand.</p>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
          <!-- Hintergrund des Kalenders -->
          <rect x="10" y="20" width="80" height="70" fill="#F0F8FF" stroke="#FFA500" stroke-width="2" rx="5" ry="5"/>
          <!-- Titelbereich -->
          <rect x="10" y="10" width="80" height="10" fill="#203A8F"/>
          <text x="50" y="17" font-size="8" text-anchor="middle" fill="#FFFFFF">AdventskalendOER</text>
          <!-- Kästchen -->
          <g fill="#FFFFFF" stroke="#203A8F" stroke-width="1">
            <rect x="15" y="25" width="20" height="20"/>
            <rect x="40" y="25" width="20" height="20"/>
            <rect x="65" y="25" width="20" height="20"/>
            
            <!-- Herzsymbol in der Mitte -->
            <path d="M50 57 
                     C50 53, 45 50, 40 50 
                     C30 50, 30 65, 50 75 
                     C70 65, 70 50, 60 50 
                     C55 50, 50 53, 50 57 
                     Z" 
                  fill="#FFA500" stroke="#203A8F" stroke-width="1.5"/>
            
            <rect x="15" y="66" width="20" height="20"/>
            <rect x="65" y="66" width="20" height="20"/>
          </g>
        </svg>
    </main>
    <footer>
        CC BY 2024 Comenius-Institut
    </footer>
</body>
</html>
index 2024-11-18 13:04:57 +00:00			`<!DOCTYPE html>`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`<html lang="de">`
			`<head>`
index 2024-11-18 13:04:57 +00:00			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`<title>AdventskalendOER</title>`
index 2024-11-18 13:04:57 +00:00			`<style>`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`body {`
			`font-family: Arial, sans-serif;`
index 2024-11-18 13:04:57 +00:00			`margin: 0;`
			`padding: 0;`
			`display: flex;`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`flex-direction: column;`
index 2024-11-18 13:04:57 +00:00			`align-items: center;`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`justify-content: center;`
index 2024-11-18 13:04:57 +00:00			`min-height: 100vh;`
			`background-color: #f4f4f4;`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`}`
			`header, footer {`
			`background-color: #203A8F;`
			`color: #fff;`
			`padding: 10px;`
index 2024-11-18 13:04:57 +00:00			`text-align: center;`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`width: 100%;`
index 2024-11-18 13:04:57 +00:00			`}`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`main {`
index 2024-11-18 13:04:57 +00:00			`padding: 20px;`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`text-align: center;`
			`max-width: 600px;`
index 2024-11-18 13:04:57 +00:00			`}`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`.link {`
			`color: #203A8F;`
			`text-decoration: none;`
			`font-weight: bold;`
			`margin-top: 20px;`
			`display: inline-block;`
index 2024-11-18 13:04:57 +00:00			`}`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`svg {`
			`margin: 20px 0;`
			`width: 200px; /* Doppelte Größe */`
			`height: 200px; /* Doppelte Größe */`
index 2024-11-18 13:04:57 +00:00			`}`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`@media (max-width: 600px) {`
			`svg {`
			`width: 90%;`
			`height: auto;`
index 2024-11-18 13:04:57 +00:00			`}`
			`}`
			`</style>`
			`</head>`
index.html aktualisiert 2024-11-18 17:37:17 +00:00			`<body>`
			`<header>`
			`<h1>AdventskalendOER</h1>`
			`</header>`
			`<main>`
			`<p>Ein gemeinschaftlicher OER-Adventskalender entsteht auf <a href="https://adventskalend.oer.community" class="link">adventskalend.oer.community</a>!</p>`
			`<p>Besuche das <a href="https://codeberg.org/Comenius-Institut/AdventskalendOER" class="link" target="_blank">Codeberg-Repository</a> für den aktuellen Entwicklungsstand.</p>`
			`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">`
			`<!-- Hintergrund des Kalenders -->`
			`<rect x="10" y="20" width="80" height="70" fill="#F0F8FF" stroke="#FFA500" stroke-width="2" rx="5" ry="5"/>`
			`<!-- Titelbereich -->`
			`<rect x="10" y="10" width="80" height="10" fill="#203A8F"/>`
			`<text x="50" y="17" font-size="8" text-anchor="middle" fill="#FFFFFF">AdventskalendOER</text>`
			`<!-- Kästchen -->`
			`<g fill="#FFFFFF" stroke="#203A8F" stroke-width="1">`
			`<rect x="15" y="25" width="20" height="20"/>`
			`<rect x="40" y="25" width="20" height="20"/>`
			`<rect x="65" y="25" width="20" height="20"/>`

			`<!-- Herzsymbol in der Mitte -->`
			`<path d="M50 57`
			`C50 53, 45 50, 40 50`
			`C30 50, 30 65, 50 75`
			`C70 65, 70 50, 60 50`
			`C55 50, 50 53, 50 57`
			`Z"`
			`fill="#FFA500" stroke="#203A8F" stroke-width="1.5"/>`

			`<rect x="15" y="66" width="20" height="20"/>`
			`<rect x="65" y="66" width="20" height="20"/>`
			`</g>`
			`</svg>`
			`</main>`
			`<footer>`
			`CC BY 2024 Comenius-Institut`
			`</footer>`
			`</body>`
			`</html>`