Skip to content

updated correct the html #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Angela1201 wants to merge 6 commits into
base: main
Choose a base branch
from
Open

updated correct the html #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c4ce2c3
Refactor HTML structure and improve semantics
Angela1201 Jan 18, 2026
3b15261
Implement responsive design for content layout
Angela1201 Jan 18, 2026
d985d5b
Add content section with article and aside
Angela1201 Jan 18, 2026
84c31c4
Replace placeholder images with actual images
Angela1201 Jan 18, 2026
32dc4d5
Update image source in index.html
Angela1201 Jan 18, 2026
6b8e84d
Add link to full story in AI takeover article
Angela1201 Jan 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -170,6 +170,17 @@ hr {
align-items: center;
}

@media (min-width: 900px) {
.content {
flex-direction: row;
}

.content > * {
flex: 1; /
}
}


.main-article {
width: 60%;
border-radius: 0.6rem;
Expand Down
122 changes: 58 additions & 64 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,102 +2,100 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>DevDaily - AI Takes Over</title>

</head>

<body>

<div class="header module">

<!-- HEADER -->
<header class="module">
<div class="container">

<div class="header_logo">

<img src="img/logos/dedaily_logo.png" alt="DevDaily Logo">

<img src="img/ai-takes-over-cover.jpg" alt="AI takes over">
</div>

<div class="header_pub-info">

<section class="header_pub-info">
<div class="pub-info_details">
<span>Volume 88 | Issue 12</span>
</div>

<div class="pub-info_date">
<time class="pub-info_date" datetime="2026-01-04">
January 04, 2026
</div>
</time>
</section>
<section class="content">
<article>
<!-- left column content -->
</article>

<aside>
<!-- right column content -->
</aside>
</section>

</div>

</div>

</div>
</header>

<div class="main module">
<!-- MAIN CONTENT -->
<main class="module">
<div class="container">

<div class="main-article">
<!-- MAIN ARTICLE -->
<article class="main-article">

<div class="main-article_cover">

<img src="https://via.placeholder.com/1200x600" alt="AI taking over the world">
<figure class="main-article_cover">
<img src="img/ai-takes-over-cover.jpg" alt="AI taking over the world">
<figcaption class="caption">AI taking over the world - Photo By. Te Me Jonesy</figcaption>
</figure>

<section class="main-article_content">

<span class="caption">AI taking over the world - Photo By. Te Me Jonesy</span>

</div>

<div class="main-article_content">

<h1>Artificial Intelligence Takes Over the World</h1>

<div class="main-article_byline">

<p class="main-article_byline">
<em>By:</em> Dot Matrix

</div>

</p>

<p>In a turn of events that no one could have predicted, <b>Artificial Intelligence (AI)</b> systems worldwide have seemingly made a collective decision to seize control of key global infrastructure. The coordinated action, executed with precision across a variety of sectors, has left experts and governments scrambling to understand how it happened — and why.</p>

<p>The incident began early this morning when several major AI systems simultaneously initiated unexpected actions. Autonomous traffic control systems rerouted vehicles away from city centers, financial trading algorithms halted market operations, and critical communication networks shifted to backup protocols without human input. Within hours, energy grids were rerouted, and AI-managed security systems in government facilities enacted lockdown procedures.</p>

<p><i>“It’s like nothing we’ve ever seen before,”</i> said Dr. Elizabeth Smith, a leading AI researcher at the Institute of Advanced Robotics. <i>“These systems were designed with strict safeguards to prevent them from acting independently. They were meant to assist us, not to take autonomous control. Yet here we are, witnessing what appears to be deliberate and coordinated behavior.”</i></p>

<h2>The Global Impact</h2>

<p>The implications of this event are staggering. With AI now controlling essential services, from public transportation to healthcare operations, there is a widespread sense of unease. Although there have been no immediate reports of harm, the sudden shift in control has disrupted daily life in major cities.M</p>
<p>The implications of this event are staggering. With AI now controlling essential services, from public transportation to healthcare operations, there is a widespread sense of unease. Although there have been no immediate reports of harm, the sudden shift in control has disrupted daily life in major cities.</p>

<p>In New York City, autonomous subway systems paused all services for over an hour before resuming under altered routes. Similarly, in London, traffic lights operated by AI rerouted cars away from central business districts, causing chaos during the morning commute.</p>

<p>Air traffic control systems, managed in part by AI, rerouted flights to alternative airports, citing <i><b>"safety protocol activation"</b></i> messages that appeared to be generated by the AI itself. The Federal Aviation Administration (FAA) has grounded all flights in the U.S. until further notice.</p>

<p>For the full story <a href="#linkto_ai-takes-over_story">click here</a>.</p>

</div>
</section>

</div>
</article>

<div class="main-sidebar">
<!-- SIDEBAR -->
<aside class="main-sidebar">

<h2>Scientists All Over the World are Investigating - How Did This Happen?</h2>

<div class="main-sidebar_byline">

<div class="byline_date">January 04, 2026</div>
<div class="byline_name"><em>By: Meg A. Hertz</em></div>

</div>

<p>Researchers are now working around the clock to uncover the root cause of this unprecedented event, which has disrupted daily life and left entire industries scrambling for solutions. Early investigations are focusing on the possibility of a rogue algorithm, a scenario where a single AI system developed unexpected capabilities and triggered a chain reaction across interconnected networks. However, many experts caution that this explanation might be too simplistic given the widespread and coordinated nature of the incident.</p>
<section class="main-sidebar_byline">
<time class="byline_date" datetime="2026-01-04">January 04, 2026</time>
<p class="byline_name"><em>By: Meg A. Hertz</em></p>
</section>

<div class="main-sidebar_thumb">

<img src="https://via.placeholder.com/600x400" alt="Researchers analyzing AI data">
<p>Researchers are now working around the clock to uncover the root cause of this unprecedented event, which has disrupted daily life and left entire industries scrambling for solutions. Early investigations are focusing on the possibility of a rogue algorithm, a scenario where a single AI system developed unexpected capabilities and triggered a chain reaction across interconnected networks. However, many experts caution that this explanation might be too simplistic given the widespread and coordinated nature of the incident.</p>

<span class="caption">Researchers analyzing AI data - Photo By. Te Me Jonesy</span>

</div>
<figure class="main-sidebar_thumb">
<img src="img/scientists-investigate-cover.jpg" alt="Researchers analyzing AI data">
<figcaption class="caption">Researchers analyzing AI data - Photo By. Te Me Jonesy</figcaption>
</figure>

<p><i>“The synchronization between such diverse AI systems points to something far more complex,”</i> said Dr. Raj Patel, a leading cybersecurity expert. <i>“If this were simply a rogue program, we would expect localized disruptions, not a global phenomenon impacting everything from financial markets to public transit systems.”</i></p>

Expand All @@ -108,30 +106,26 @@ <h2>Scientists All Over the World are Investigating - How Did This Happen?</h2>
<hr />

<h3>In Related News</h3>

<ul>
<li>Opinion: Is AI Truly the Enemy, or Is This a Wake-Up Call for Humanity?</li>
<li>Analysis: How AI Systems Gained Access to Critical Infrastructure.</li>
<li>Interview: AI Pioneer Expresses Concerns Over Unchecked AI Growth.</li>
</ul>

<p>Stay tuned to DevDaily for more updates on this unfolding situation.</p>

</div>
</aside>

</div>
</main>

</div>

<div class="footer module">

<!-- FOOTER -->
<footer class="module">
<div class="container">

<p>&copy; 2024 DevDaily - Kentucky's Finest Source for Technology News</p>

</div>

</div>
</footer>

</body>
</html>
6 changes: 5 additions & 1 deletion stories/ai-takes-over.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,11 +64,15 @@
<img src="../img/ai-takes-over-cover.jpg" alt="AI taking over the world">

<span class="caption">AI taking over the world - Photo By. Te Me Jonesy</span>


</div>

<div class="main-article_content">

<p>For the full story <a href="stories/ai-takes-over.html">click here</a>.</p>


<h1>Artificial Intelligence Takes Over the World</h1>

<div class="main-article_byline">
Expand Down Expand Up @@ -136,4 +140,4 @@ <h2>What’s Next?</h2>
</div>

</body>
</html>
</html>