Merge pull request #5 from Vortex-Linux/dev

NavBar fixes for mobile view with transparency, and refactoring of pages to use a Base layout
Vortex-Linux · Aug 17, 2024 · 9308741 · 9308741
2 parents 603dd20 + 5dc8db3
commit 9308741
Show file tree

Hide file tree

Showing 31 changed files with 594 additions and 466 deletions.
diff --git a/src/components/Attributions.astro b/src/components/Attributions.astro
diff --git a/src/components/Base.astro b/src/components/Base.astro
@@ -0,0 +1,27 @@
+---
+import BaseHead from '../components/BaseHead.astro';
+import Header from '../components/Header.astro';
+import Footer from '../components/Footer.astro';
+import CallToAction from '../components/CallToAction.astro';
+import Hero from './Hero.astro';
+import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
+
+// Props and slots for customization
+const { title = SITE_TITLE, description = SITE_DESCRIPTION, isHomePage = false, showCallToAction = false } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+	<head>
+		<BaseHead title={title} description={description} />
+	</head>
+	<body>
+		<Header isHomePage={isHomePage} />
+		{isHomePage && <Hero />}
+		<main>
+			<slot />
+		</main>
+        {showCallToAction && <CallToAction />}
+		<Footer />
+	</body>
+</html>
diff --git a/src/components/CommunityLinks.astro b/src/components/CommunityLinks.astro
@@ -1,5 +1,5 @@
 ---
-import { socialLinks } from '../content/community-links.js';
+import { socialLinks } from '../content/data/community-links';
 import '../styles/IconLinks.css';
 ---
 <div class="social-links">

diff --git a/src/components/DownloadInfoTable.astro b/src/components/DownloadInfoTable.astro
@@ -1,5 +1,5 @@
 ---
-import { downloadInfoTable } from '../content/download-info-table.js';
+import { downloadInfoTable } from '../content/data/download-info-table';
 import '../styles/DownloadInfoTable.css';
 
 const tabs = Object.keys(downloadInfoTable);

diff --git a/src/components/Downloads.astro b/src/components/Downloads.astro
@@ -1,5 +1,5 @@
 ---
-import { downloads } from '../content/downloads.js';
+import { downloads } from '../content/data/downloads';
 import '../styles/Downloads.css';
 ---
 <section class="downloads-section">

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,7 +1,7 @@
 ---
 import HeaderLink from './HeaderLink.astro';
 import { SITE_TITLE } from '../consts';
-import { navData } from '../content/navData';
+import { navData } from '../content/data/navData';
 import '../styles/Header.css';
 
 const isHomePage = Astro.props.isHomePage ?? false; // Default to false

diff --git a/src/components/KeyFeatures.astro b/src/components/KeyFeatures.astro
@@ -0,0 +1,12 @@
+---
+import { keyFeaturesData } from '../content/data/keyFeaturesData';
+---
+
+<h2>Key Features</h2>
+<ul>
+	{keyFeaturesData.map(feature => (
+		<li>
+			<b>{feature.title}:</b> {feature.description}
+		</li>
+	))}
+</ul>
diff --git a/src/components/SocialLinks.astro b/src/components/SocialLinks.astro
@@ -1,5 +1,5 @@
 ---
-import { socialLinks } from '../content/social-links.js';
+import { socialLinks } from '../content/data/social-links';
 import '../styles/IconLinks.css';
 ---
 <div class="social-links">

diff --git a/src/components/TeamMembers.astro b/src/components/TeamMembers.astro
@@ -1,5 +1,5 @@
 ---
-import { teamMembers } from '../content/team';
+import { teamMembers } from '../content/data/team';
 import '../styles/TeamMembers.css';
 ---
 <section class="team-section" id="team">

diff --git a/src/components/WhyChoose.astro b/src/components/WhyChoose.astro
@@ -0,0 +1,12 @@
+---
+import { whyChooseData } from '../content/data/whyChooseData';
+---
+
+<h2>Why Choose Vortex Linux?</h2>
+<ul>
+	{whyChooseData.map(item => (
+		<li>
+			<b>{item.title}:</b> {item.description}
+		</li>
+	))}
+</ul>
diff --git a/src/content/attributions.js b/src/content/attributions.js
diff --git a/src/content/data/aboutData.js b/src/content/data/aboutData.js
@@ -0,0 +1,57 @@
+// src/data/aboutData.js
+
+export const aboutData = {
+    title: "About Vortex Linux",
+    description: "Learn more about the Vortex Linux organization and our purpose.",
+    introText: "Vortex Linux is a groundbreaking Linux distribution built for those who demand the highest levels of security, flexibility, and stability from their operating system. Whether you’re a novice or an advanced user, Vortex Linux is designed to cater to your needs, offering a unique, immutable, and atomic operating system that seamlessly integrates containers and virtual machines (VMs).",
+    mission: {
+      title: "Our Mission",
+      text: "At Vortex Linux, our mission is to provide a secure and reliable Linux distribution that empowers users to manage their systems with confidence. We are committed to creating a robust platform that combines the best of modern technology with user-friendly tools, ensuring that everyone—from beginners to experts—can benefit from the power of Linux."
+    },
+    keyFeatures: [
+      {
+        title: "Immutable and Atomic",
+        description: "Vortex Linux maintains an immutable base system, allowing for atomic updates and rollbacks, ensuring that your system remains consistent and free from corruption."
+      },
+      {
+        title: "Seamless Integration",
+        description: "Harness the power of containers and virtual machines to install and manage packages with ease, providing both flexibility and isolation."
+      },
+      {
+        title: "Security First",
+        description: "Built with advanced security measures, Vortex Linux protects your system and data, making it an ideal choice for critical applications."
+      },
+      {
+        title: "User-Friendly",
+        description: "With intuitive tools and comprehensive documentation, Vortex Linux is accessible to everyone, regardless of their technical expertise."
+      }
+    ],
+    whyChoose: [
+      {
+        title: "Flexibility",
+        description: "Manage and switch between different applications and environments effortlessly using containers and VMs, tailored to your specific needs."
+      },
+      {
+        title: "Reliability",
+        description: "The immutable nature of Vortex Linux ensures that your system remains stable and consistent, minimizing the risk of failures or data loss."
+      },
+      {
+        title: "Security",
+        description: "Benefit from cutting-edge security features designed to protect your system from external threats, ensuring peace of mind."
+      },
+      {
+        title: "User-Friendliness",
+        description: "Our supportive community, along with detailed guides and tools, makes it easy for users of all levels to get started with Vortex Linux and maximize its potential."
+      }
+    ],
+    communityCollaboration: {
+      title: "Community and Collaboration",
+      text: "Vortex Linux is more than just an operating system—it’s a community-driven project that thrives on collaboration and the shared goal of creating the best possible Linux distribution. We believe in the power of open-source software and the importance of giving credit where it’s due. Our project is built on the contributions of many talented individuals, and we are committed to transparency and respect for intellectual property."
+    },
+    getInvolved: {
+      title: "Get Involved",
+      text: "Whether you’re looking to contribute to the development of Vortex Linux, participate in our community forums, or simply explore what we have to offer, there’s a place for you in our community. Join us in making Vortex Linux even better—your input and collaboration are always welcome!"
+    },
+    closingText: "Thank you for choosing Vortex Linux. Together, we are building the future of secure, flexible, and user-friendly computing."
+  };
+
diff --git a/src/content/data/attributionData.js b/src/content/data/attributionData.js
@@ -0,0 +1,77 @@
+// src/data/attributionData.js
+
+export const attributionData = {
+    title: "Attributions",
+    description: "You will find Vortex Linux's Attributions here.",
+    introText: `Welcome to the Attributions page of Vortex Linux. This page is dedicated to acknowledging the creators and contributors whose work has made a significant impact on our website and project. Vortex Linux is committed to transparency and respect for intellectual property rights, and this page serves to properly attribute the open-source resources, images, icons, and other content used throughout our website under the Creative Commons Attribution (CC BY) license.`,
+    sections: [
+      {
+        title: "What You'll Find Here:",
+        items: [
+          {
+            title: "Open-Source Projects",
+            description: "A list of open-source libraries, frameworks, and tools that have been instrumental in the development of Vortex Linux and this website."
+          },
+          {
+            title: "Icons and Images",
+            description: "Credits for the icons, images, and graphic assets used on our site, including links to the original sources."
+          },
+          {
+            title: "Content Contributions",
+            description: "Acknowledgment of any written content, tutorials, or documentation that has been adapted or directly utilized from external sources."
+          }
+        ]
+      },
+      {
+        title: "Why Attribution Matters",
+        text: `At Vortex Linux, we believe in the power of collaboration and sharing knowledge. By using Creative Commons licensed content, we benefit from the creativity and hard work of others, and it's our responsibility to give proper credit where it’s due. Attribution not only honors the original creators but also encourages the continued sharing and improvement of resources within the open-source community.`
+      }
+    ],
+    attributions: [
+      {
+        name: 'Dev Icon',
+        url: 'https://dev.io',
+      },
+      {
+        name: 'Discord Icon',
+        url: 'https://icons.getbootstrap.com/icons/discord/',
+      },
+      {
+        name: 'Facebook Icon',
+        url: 'https://icons.getbootstrap.com/icons/facebook/',
+      },
+      {
+        name: 'GitHub Icon',
+        url: 'https://icons.getbootstrap.com/icons/github/',
+      },
+      {
+        name: 'Instagram Icon',
+        url: 'https://icons.getbootstrap.com/icons/instagram/',
+      },
+      {
+        name: 'Home Banner Photo by Vecteezy',
+        url: 'https://www.vecteezy.com/photo/36723231-ai-generated-ululat-ki-alkahshir-tu-karaadeen',
+      },
+      {
+        name: 'Magnet Emoji',
+        url: 'https://emojipedia.org/magnet',
+      },
+      {
+        name: 'Mirror Emoji',
+        url: 'https://emojipedia.org/floppy-disk',
+      },
+      {
+        name: 'ReadTheDocs Icon',
+        url: 'https://www.svgrepo.com/svg/306650/readthedocs',
+      },
+      {
+        name: 'Torrent Emoji',
+        url: 'https://emojipedia.org/inbox-tray',
+      },
+      {
+        name: 'Twitter-X Icon',
+        url: 'https://icons.getbootstrap.com/icons/twitter-x/',
+      },
+      // Add more attributions as needed
+    ]
+};