adds newpaper article

fullStackRacc · fullStackRacc · commit 0084a75740ba · 2026-03-12T14:39:12.000-04:00
diff --git a/newspaper-article/index.html b/newspaper-article/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Newspaper Article</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <main class="newspaper">
+      <h1 class="name">Daily Chuckles</h1>
+      <p class="date">July 5, 2024</p>
+      <h2 class="headline">Breaking: Grandma Edna Saves Earth</h2>
+      <h3 class="sub-headline">Alien Invasion Foiled by Tech-Savvy Grandma's Wi-Fi Password</h3>
+      <h4 class="author">By Jane Doe</h4>
+      <p class="text">In an extraordinary twist of fate, Grandma Edna found herself at the forefront of a potential crisis when her clever Wi-Fi security measures unexpectedly thwarted an alien invasion. As alien spacecraft descended upon the town, panic spread until Grandma Edna calmly intervened, resetting her router with a cryptic passphrase known only to her.</p>
+      <p class="text">The aliens, encountering unforeseen technological barriers, struggled to breach Grandma Edna's fortified network. Frustrated and bewildered, they eventually retreated to reassess their invasion strategy, leaving residents both relieved and amazed at Grandma Edna's resourcefulness.</p>
+    </main>
+  </body>
+</html>
diff --git a/newspaper-article/styles.css b/newspaper-article/styles.css
@@ -0,0 +1,43 @@
+html {
+  font-size: 24px;
+}
+
+.newspaper {
+  font-size: 16px;
+  font-family: "Open Sans", sans-serif;
+}
+
+.name {
+  font-size: 2rem;
+  font-family: "Times New Roman", serif;
+}
+
+.name,
+.author {
+  text-transform: uppercase;
+}
+
+.headline {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.sub-headline {
+  font-weight: 100;
+  font-size: 1.5em;
+  font-style: italic;
+}
+
+.author {
+  font-weight: bold;
+}
+
+.text {
+  text-indent: 20px;
+  line-height: 2em;
+}
+
+.text::first-letter {
+  font-size: 2em;
+  font-weight: bold;
+}
