Skip to content

feat: Create initial AI content web platform #56

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
vyktor09 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

feat: Create initial AI content web platform #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
30 changes: 30 additions & 0 deletions ai_ethics.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Ethics - AI Learning Hub</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>AI Ethics</h1>
<nav>
<a href="index.html">Home</a>
</nav>
</header>
<main>
<div class="container">
<article>
<h2>Understanding AI Ethics</h2>
<p>AI Ethics is a branch of ethics that examines the moral implications of artificial intelligence systems. It aims to guide the responsible development and deployment of AI technologies to ensure they benefit humanity and avoid harm.</p>
<p>Key concerns include bias in algorithms, job displacement, privacy, and the accountability of AI decision-making.</p>
</article>
</div>
</main>
<footer>
<p>&copy; 2023 AI Learning Hub</p>
</footer>
<script src="script.js"></script>
</body>
</html>
30 changes: 30 additions & 0 deletions computer_vision.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Computer Vision - AI Learning Hub</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Computer Vision</h1>
<nav>
<a href="index.html">Home</a>
</nav>
</header>
<main>
<div class="container">
<article>
<h2>What is Computer Vision?</h2>
<p>Computer Vision is a field of artificial intelligence (AI) that enables computers and systems to derive meaningful information from digital images, videos, and other visual inputs — and take actions or make recommendations based on that information.</p>
<p>Applications include image recognition, object detection, facial recognition, and autonomous vehicles.</p>
</article>
</div>
</main>
<footer>
<p>&copy; 2023 AI Learning Hub</p>
</footer>
<script src="script.js"></script>
</body>
</html>
35 changes: 35 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Learning Hub</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Welcome to the AI Learning Hub</h1>
<nav>
<ul>
<li><a href="machine_learning.html">Machine Learning</a></li>
<li><a href="natural_language_processing.html">Natural Language Processing</a></li>
<li><a href="computer_vision.html">Computer Vision</a></li>
<li><a href="ai_ethics.html">AI Ethics</a></li>
</ul>
</nav>
</header>
<main>
<div class="container">
<p>This platform is designed to help you learn about Artificial Intelligence (AI). AI is a branch of computer science that deals with the creation of intelligent agents, which are systems that can reason, learn, and act autonomously.</p>
<section>
<h2>Explore AI Topics</h2>
<!-- Content sections will be added here later -->
</section>
</div>
</main>
<footer>
<p>&copy; 2024 AI Learning Hub</p>
</footer>
<script src="script.js"></script>
</body>
</html>
30 changes: 30 additions & 0 deletions machine_learning.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Machine Learning - AI Learning Hub</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Machine Learning</h1>
<nav>
<a href="index.html">Home</a>
</nav>
</header>
<main>
<div class="container">
<article>
<h2>What is Machine Learning?</h2>
<p>Machine Learning (ML) is a subset of artificial intelligence (AI) that focuses on building systems that learn from data. Instead of being explicitly programmed for a specific task, ML algorithms use historical data as input to predict new output values.</p>
<p>Key areas include supervised learning, unsupervised learning, and reinforcement learning.</p>
</article>
</div>
</main>
<footer>
<p>&copy; 2023 AI Learning Hub</p>
</footer>
<script src="script.js"></script>
</body>
</html>
30 changes: 30 additions & 0 deletions natural_language_processing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Natural Language Processing - AI Learning Hub</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Natural Language Processing</h1>
<nav>
<a href="index.html">Home</a>
</nav>
</header>
<main>
<div class="container">
<article>
<h2>What is Natural Language Processing?</h2>
<p>Natural Language Processing (NLP) is a field of artificial intelligence (AI) that enables computers to understand, interpret, and generate human language. It bridges the gap between human communication and computer understanding.</p>
<p>NLP is used in applications like chatbots, language translation, sentiment analysis, and speech recognition.</p>
</article>
</div>
</main>
<footer>
<p>&copy; 2023 AI Learning Hub</p>
</footer>
<script src="script.js"></script>
</body>
</html>
Empty file added script.js
View file
Open in desktop
Empty file.
99 changes: 99 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
/* General Body Styles */
body {
font-family: sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}

.container {
width: 80%;
margin: auto;
overflow: hidden;
padding: 0 20px;
}

/* Header Styles */
header {
background: #333;
color: #fff;
padding-top: 30px;
min-height: 70px;
border-bottom: #0779e4 3px solid;
}

header h1 {
text-align: center;
margin: 0;
font-size: 24px;
text-transform: uppercase;
}

/* Navigation Styles */
nav {
margin-top: 10px;
text-align: center; /* Center nav for index page */
}

nav ul {
padding: 0;
list-style: none;
}

nav ul li {
display: inline; /* For horizontal menu on index page */
margin: 0 15px;
}

nav a {
color: #fff;
text-decoration: none;
font-size: 18px;
}

nav a:hover {
color: #0779e4;
font-weight: bold;
}

/* Styles for navigation within section pages (if different) */
/* Assuming section pages might have a simpler nav, e.g., just a 'Home' link */
/* Header nav in section pages might be simpler, adjust if needed */
/* For now, the general 'nav a' styles will apply. */
/* If section page nav is within the header, it will inherit header background */


/* Main Content Styles */
main {
padding: 20px 0;
}

main .container { /* To center content within main */
background: #fff;
padding: 20px;
border-radius: 5px;
}


article {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px #ccc dotted;
}

article h2 {
color: #333;
}

/* Footer Styles */
footer {
text-align: center;
padding: 20px;
margin-top: 20px;
color: #fff;
background-color: #333;
}

/* Utility classes (if any planned, e.g., for buttons, can be added later) */