Add files via upload

munlicode · Sep 17, 2024 · 1d26d6a · 1d26d6a
commit 1d26d6a
Show file tree

Hide file tree

Showing 2 changed files with 153 additions and 0 deletions.
diff --git a/englisch.html b/englisch.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Bootstrap 5.3 CDN -->
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+
+        <!-- Custom styles -->
+        <link href="/static/styles.css" rel="stylesheet">
+
+        <title>English Homework - Barcelona</title>
+    </head>
+
+    <body>
+
+        <!-- Navbar -->
+        <nav class="bg-light border navbar navbar-expand-md navbar-light">
+            <div class="container-fluid">
+
+            </div>
+        </nav>
+
+
+        <!-- Main Content -->
+        <main class="container py-5 text-center">
+
+    <!-- Video and Text Sections -->
+    <section>
+        <!-- Section for the video -->
+        <div>
+            <h2>Watch the Video</h2>
+            <iframe width="600" height="350" 
+                    src="https://www.youtube.com/embed/WG2lageoeH0" 
+                    title="YouTube video player" 
+                    frameborder="0" 
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                    allowfullscreen>
+            </iframe>
+        </div>
+
+
+        <!-- Section for text or reading material -->
+        <div>
+            <h2>Text</h2>
+            <p>
+                Barcelona is a city that captivates the soul with its blend of modern vibrancy and timeless beauty.
+                Renowned for its unique architecture, it stands as a testament to the genius of visionaries like Antoni Gaudí, whose work defines much of the city’s skyline.
+                The most iconic of his creations is the Sagrada Família, a basilica that’s been under construction for over a century. Its towering spires and intricate facades tell stories from the Bible, while the inside is bathed in a kaleidoscope of colors from the stained-glass windows, creating an ethereal atmosphere.
+            </p>
+            <p>
+                Wandering through Barcelona, one can’t miss Gaudí's other masterpieces, like the whimsical Park Güell, where nature and architecture blend seamlessly. 
+                The park’s colorful mosaics, curved lines, and organic forms create a playful, dreamlike environment. Equally impressive is Casa Batlló, a building that seems to breathe with life, its undulating façade resembling ocean waves, decorated with shimmering tiles and skeletal balconies.
+            </p>
+            <p>
+                Beyond Gaudí, the Gothic Quarter offers a stark contrast with its narrow, winding streets and medieval charm. 
+                Here, the ancient Barcelona Cathedral stands tall, a marvel of Gothic architecture with its intricate stone carvings and towering spires. In contrast, the contemporary marvels like Jean Nouvel’s Torre Glòries bring a futuristic touch to the city’s architectural landscape.
+            </p>
+            <p>
+                Barcelona’s architecture is more than just buildings; it’s an artistic narrative that weaves together history, culture, and innovation. 
+                Whether you’re strolling down the wide, tree-lined boulevard of Passeig de Gràcia or admiring the modernist buildings of Eixample, the city’s structures offer a feast for the eyes and a profound sense of wonder.
+            </p>
+        </div>
+
+    </section>
+</main>
+
+<!-- Footer -->
+<footer class="mb-5 text-center">
+    <p>&copy; 2024 Your Project Name</p>
+
+    <!-- JavaScript for doctype validation (if required) -->
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const html = '<!DOCTYPE ' +
+                document.doctype.name +
+                (document.doctype.publicId ? ' PUBLIC "' + document.doctype.publicId + '"' : '') +
+                (!document.doctype.publicId && document.doctype.systemId ? ' SYSTEM' : '') +
+                (document.doctype.systemId ? ' "' + document.doctype.systemId + '"' : '') +
+                '>\n' + document.documentElement.outerHTML;
+            document.querySelector('form[action="https://validator.w3.org/check"] > input[name="fragment"]').value = html;
+        });
+    </script>
+</footer>
+
+</body>
+</html>
+
diff --git a/layout.html b/layout.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Bootstrap 5.3 CDN -->
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+
+        <!-- Custom styles -->
+        <link href="/static/styles.css" rel="stylesheet">
+
+        <title>Hausaufgaben{% block title %}{% endblock %}</title>
+    </head>
+
+    <body>
+
+        <!-- Navbar -->
+        <nav class="bg-light border navbar navbar-expand-md navbar-light">
+            <div class="container-fluid">
+
+                <div class="collapse navbar-collapse" id="navbar">
+                        <ul class="navbar-nav me-auto mt-2">
+                            <li class="nav-item">
+                                <a class="nav-link" href="englisch.html">Englisch</a>
+                            </li>
+                        </ul>
+
+                </div>
+            </div>
+        </nav>
+
+
+        <!-- Main Content -->
+        <main class="container py-5 text-center">
+            AHHHHHHHHHHH HELPLPLP HILFEEEEE
+
+            Something
+        </main>
+
+        <!-- Footer -->
+        <footer class="mb-5 text-center">
+            <p>&copy; 2024 Your Project Name</p>
+
+            <!-- JavaScript for doctype validation (if required) -->
+            <script>
+                document.addEventListener('DOMContentLoaded', function() {
+                    const html = '<!DOCTYPE ' +
+                        document.doctype.name +
+                        (document.doctype.publicId ? ' PUBLIC "' + document.doctype.publicId + '"' : '') +
+                        (!document.doctype.publicId && document.doctype.systemId ? ' SYSTEM' : '') +
+                        (document.doctype.systemId ? ' "' + document.doctype.systemId + '"' : '') +
+                        '>\n' + document.documentElement.outerHTML;
+                    document.querySelector('form[action="https://validator.w3.org/check"] > input[name="fragment"]').value = html;
+                });
+            </script>
+        </footer>
+
+    </body>
+</html>