T-Python-Sep-24 · Alhanouf-nahedh · Oct 29, 2024 · Oct 29, 2024 · Oct 30, 2024
diff --git a/myproject/manage.py b/myproject/manage.py
@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'myproject.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()
diff --git a/myproject/myapp/__init__.py b/myproject/myapp/__init__.py
diff --git a/myproject/myapp/admin.py b/myproject/myapp/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/myproject/myapp/apps.py b/myproject/myapp/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class MyappConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'myapp'
diff --git a/myproject/myapp/migrations/__init__.py b/myproject/myapp/migrations/__init__.py
diff --git a/myproject/myapp/models.py b/myproject/myapp/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/myproject/myapp/static/images/ai-image.jpg b/myproject/myapp/static/images/ai-image.jpg
diff --git a/myproject/myapp/static/myapp/style.css b/myproject/myapp/static/myapp/style.css
@@ -0,0 +1,153 @@
+:root {
+    --primary-color: #002901;
+    --secondary-color: #007bff;
+    --text-color: #5b5959;
+    --background-colorr: #f4f4f4;
+    --white-color: #ecebeb;
+    --font-family: Arial, sans-serif;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: var(--font-family);
+    line-height: 1.6;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+header {
+    background-color: var(--primary-color);
+    color: var(--white-color);
+    padding: 15px 0;
+    text-align: center;
+}
+
+nav {
+    margin: 15px auto; 
+}
+
+nav a {
+    margin: 0 15px;
+    color: var(--white-color);
+    font-weight: bold;
+    text-decoration: none;
+
+}
+
+nav a:hover {
+    text-decoration: underline;
+}
+
+h1, h2, h3 {
+    margin: 10px;
+}
+
+main {
+
+    margin: 20px;
+}
+
+section {
+    margin-bottom: 50px;
+}
+
+section h2 {
+    border-bottom: 2px solid var(--primary-color);
+    padding-bottom: 10px;
+    font-size: 1.8em;
+}
+
+ul {
+    list-style: none; 
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    margin: 20px 0;
+    color: #0a0a0a;
+}
+
+li {
+    margin: 10px;
+    padding: 10px;
+    border-radius: 5px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
+}
+
+.footer {
+    text-align: center;
+    padding: 10px ;
+    background-color: var(--primary-color);
+    color: var(--white-color);
+    width: 100%;
+}
+#home {
+    display: flex;
+    flex-direction: column; 
+    align-items: center;           
+    margin: 0;   
+}
+
+img {
+
+    max-width: 100%; 
+    height: 600px;   
+    border: 2px solid #4CAF50;
+    border-radius: 8px; 
+    margin: auto;
+    display: block; 
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
+}
+
+/* Form Styles */
+.contact-form {
+    padding: 20px;
+    background: var(--white-color);
+    max-width: 600px;
+    margin: auto;
+    border-radius: 5px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.form-label {
+    display: block;
+    margin: 10px 0 5px;
+}
+
+.form-input,
+.form-textarea {
+    width: 100%;
+    padding: 10px;
+    border: 1px  #ccc;
+    border-radius: 5px;
+}
+
+
+
+.submit-button {
+    display: flex;
+    flex-direction: column; 
+
+
+    margin: auto; 
+    background: var(--secondary-color);
+    color: var(--white-color);
+    border: none;
+    padding: 10px 15px;
+    border-radius: 5px;
+}
+
+.submit-button:hover {
+    background: #0056b3;
+}
+
+.form-heading {
+    display: flex;
+    flex-direction: column; 
+    align-items: center;           
+    margin: 0; 
+}
diff --git a/myproject/myapp/templates/myapp/about.html b/myproject/myapp/templates/myapp/about.html
@@ -0,0 +1,34 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{% static 'myapp/style.css' %}">
+    <title>Hobbies</title>
+</head>
+<body>
+    <header>
+        <h1>My Hobbies</h1>
+        <nav>
+            <a href="{% url 'myapp:home' %}">Home</a>
+            <a href="{% url 'myapp:about' %}">About</a>
+            <a href="{% url 'myapp:contact' %}">Contact</a>
+            <a href="{% url 'myapp:cv' %}">CV</a>
+            <a href="{% url 'myapp:ai' %}">THE AI REVOLUTION</a>
+        </nav>
+    </header>
+    <main id="home">
+        <h2>Here are some of my favorite hobbies:</h2>
+        <ul>
+            <li>Reading books</li>
+            <li>Traveling to new places</li>
+            <li>Learning about technology</li>
+            <li>Photography</li>
+        </ul>
+    </main>
+    <footer>
+        <p>&copy; 2024 My Project</p>
+    </footer>
+</body>
+</html>
diff --git a/myproject/myapp/templates/myapp/ai.html b/myproject/myapp/templates/myapp/ai.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+{% load static %}
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{% static 'myapp/style.css' %}">
+    <title>The AI Revolution</title>
+</head>
+<body>
+    <header>
+        <h1>The AI Revolution</h1>
+        <p>Understanding the Impact of Artificial Intelligence on Society</p>
+        <nav>
+            <a href="{% url 'myapp:home' %}">Home</a>
+            <a href="{% url 'myapp:about' %}">About</a>
+            <a href="{% url 'myapp:contact' %}">Contact</a>
+            <a href="{% url 'myapp:cv' %}">CV</a>
+        </nav>
+    </header>
+
+
+    <main>
+        <section id="introduction">
+            <h2>Introduction</h2>
+            <p>Artificial Intelligence (AI) is the ability of a digital computer or computer-controlled robot to perform tasks commonly associated with intelligent beings. </p>
+            <img src="{% static 'images/ai-image.jpg' %}" alt="AI Revolution" />
+        </section>
+
+        <section id="history">
+            <h2>History of AI</h2>
+            <p>history of artificial intelligence (AI), a survey of important events and people in the field of artificial intelligence (AI) from the early work of British logician Alan Turing in the 1930s to advancements at the turn of the 21st century. AI is the ability of a digital computer or computer-controlled robot to perform tasks commonly associated with intelligent beings. The term is frequently applied to the project of developing systems endowed with the intellectual processes characteristic of humans, such as the ability to reason, discover meaning, generalize, or learn from past experience. For modern developments in AI, see artificial intelligence.</p>
+        </section>
+
+
+        <section id="future">
+            <h2>How AI Will Impact the Future</h2>
+            <h3>Improved Business Automation</h3>
+            <p>About 55 percent of organizations have adopted AI to varying degrees, suggesting increased automation for many businesses in the near future. With the rise of chatbots and digital assistants, companies can rely on AI to handle simple conversations with customers and answer basic queries from employees.</p>
+            <p>AI's ability to analyze massive amounts of data and convert its findings into convenient visual formats can also accelerate the decision-making process. Company leaders don't have to spend time parsing through the data themselves, instead using instant insights to make informed decisions.</p>
+            <p>“If [developers] understand what the technology is capable of and they understand the domain very well, they start to make connections and say, 'Maybe this is an AI problem, maybe that's an AI problem,’” said Mike Mendelson, a learner experience designer for NVIDIA. “That's more often the case than, 'I have a specific problem I want to solve.'”</p>
+
+            <h3>Data Privacy Issues</h3>
+            <p>Companies require large volumes of data to train the models that power generative AI tools, and this process has come under intense scrutiny. Concerns over companies collecting consumers' personal data have led the FTC to open an investigation into whether OpenAI has negatively impacted consumers through its data collection methods after the company potentially violated European data protection laws.</p>
+            <p>In response, the Biden-Harris administration developed an AI Bill of Rights that lists data privacy as one of its core principles. Although this legislation doesn't carry much legal weight, it reflects the growing push to prioritize data privacy and compel AI companies to be more transparent and cautious about how they compile training data.</p>
+
+            <h3>Increased Regulation</h3>
+            <p>AI could shift the perspective on certain legal questions, depending on how generative AI lawsuits unfold in 2024. For example, the issue of intellectual property has come to the forefront in light of copyright lawsuits filed against OpenAI by writers, musicians, and companies like The New York Times. These lawsuits affect how the U.S. legal system interprets what is private and public property, and a loss could spell major setbacks for OpenAI and its competitors.</p>
+            <p>Ethical issues that have surfaced in connection to generative AI have placed more pressure on the U.S. government to take a stronger stance. The Biden-Harris administration has maintained its moderate position with its latest executive order, creating rough guidelines around data privacy, civil liberties, responsible AI, and other aspects of AI. However, the government could lean toward stricter regulations, depending on changes in the political climate.</p>
+
+            <h3>Climate Change Concerns</h3>
+            <p>On a far grander scale, AI is poised to have a major effect on sustainability, climate change, and environmental issues. Optimists can view AI as a way to make supply chains more efficient, carrying out predictive maintenance and other procedures to reduce carbon emissions.</p>
+            <p>At the same time, AI could be seen as a key culprit in climate change. The energy and resources required to create and maintain AI models could raise carbon emissions by as much as 80 percent, dealing a devastating blow to any sustainability efforts within tech. Even if AI is applied to climate-conscious technology, the costs of building and training models could leave society in a worse environmental situation than before.</p>
+        </section>
+
+    </main>
+
+    <footer class="footer">
+        <p>&copy; 2024 AI Revolution Article</p>
+    </footer>
+</body>
+</html>
diff --git a/myproject/myapp/templates/myapp/contact.html b/myproject/myapp/templates/myapp/contact.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+{% load static %}
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{% static 'myapp/style.css' %}">
+    <title>Contact</title>
+</head>
+<body>
+    <header id="main-header" class="header">
+        <h1>Contact Me</h1>
+        <nav class="nav">
+            <a href="{% url 'myapp:home' %}" class="nav-link">Home</a>
+            <a href="{% url 'myapp:about' %}" class="nav-link">About</a>
+            <a href="{% url 'myapp:cv' %}" class="nav-link">CV</a>
+            <a href="{% url 'myapp:ai' %}" class="nav-link">THE AI REVOLUTION</a>
+        </nav>
+    </header>
+    <main id="contact-main" class="main-content">
+        <h2 class="form-heading">Get in Touch</h2>
+        <form id="contact-form" class="contact-form" action="{% url 'myapp:contact' %}" method="post">
+            {% csrf_token %} 
+            <label for="name" class="form-label">Name:</label>
+            <input type="text" id="name" name="name" class="form-input" required>
+            <br>
+            <label for="email" class="form-label">Email:</label>
+            <input type="email" id="email" name="email" class="form-input" required>
+            <br>
+            <label for="message" class="form-label">Message:</label>
+            <textarea id="message" name="message" class="form-textarea" required></textarea>
+            <br>
+            <button type="submit" class="submit-button">Submit</button>
+        </form>
+    </main>
+    <footer id="main-footer" class="footer">
+        <p>&copy; 2024 My Project</p>
+    </footer>
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		from django.contrib import admin

		# Register your models here.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		from django.db import models

		# Create your models here.