making a seperate branch for rebuilding

app.py

@@ -0,0 +1,19 @@
+from flask import Flask, request, render_template
+
+app = Flask(__name__)
+
+@app.route('/')
+def home():
+  return render_template('home.html')
+
+
+@app.route('/roadmap')
+def roadmap():
+  return render_template('roadmap.html')
+
+
+@app.route('/news')
+def news():
+  return render_template('news.html')
+
+app.run(port=5500, debug=True)

static/css/uiStyle.css

@@ -0,0 +1,99 @@
+
+
+
+body {
+    transition: 0.1;
+    background-color: rgb(37, 40, 40);
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.title {
+  color: rgb(212, 201, 138) !important;
+  font-family: Plaster, serif;
+}
+
+.light_purple {
+  color: rgb(164, 138, 212) !important; 
+}
+
+.pink_text {
+  color: rgb(234, 118, 133) !important;
+}
+
+.light_blue {
+  color: rgb(142, 173, 221) !important; 
+}
+
+.white {
+  color: white;
+}
+
+.black {
+  color: black;
+}
+
+.custom_size {
+  height: 15rem;
+  width: 15rem;
+}
+
+.overlay_color {
+  background-color: rgba(0, 0, 0, 0.75);
+}
+
+.heavy_text {
+  font-weight: 200;
+}
+
+.text_smaller {
+  font-size: 1.05rem;
+  line-height: 1.5rem;
+}
+
+p {
+  font-size: 1.05rem;
+  line-height: 1.5rem;
+  color: rgb(156, 156, 152);
+}
+
+li {
+  font-size: 1.05rem;
+  line-height: 1.5rem;
+  color: rgb(156, 156, 152);
+}
+
+ul {
+  font-size: 1.05rem;
+  line-height: 1.5rem;
+  color: rgb(156, 156, 152);
+}
+
+@media  screen and (max-width: 480px) {
+  .text_smaller {
+    font-weight: 400;
+    font-size: 0.85rem;
+    line-height: 1.5rem;
+  }
+
+}
+
+.shadow-overlay {
+  position: relative;
+  overflow: hidden;
+}
+
+.shadow-overlay::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+
+.shadow-overlay:hover::after {
+  opacity: 1;
+}

templates/home.html

@@ -0,0 +1,48 @@
+{% extends "layout.html" %}
+{% block content %}
+<hr class="cut">
+<div class="small-space"></div>
+<article class="no-padding drop-shadow">
+    <div class="shadow-overlay">
+        <img class="responsive xlarge" src="{{ url_for('static', filename='img/banner.png') }}">
+    </div>
+    <div class="absolute bottom left right padding bottom-shadow white-text custom_size">
+    <h3 class="bold light_blue">Work With Us</h3>
+      <nav>
+        <div class="max">
+            <p class="responsive small text_smaller">
+                Welcome to our Citation III project page! We're crafting a high-fidelity 3D model, meticulously detailing every aspect from fuselage to landing gear. Join us in our journey to create this exceptional digital representation of aviation excellence.
+            </p>
+        </div>
+      </nav>
+  </article>
+<section>
+    <div>
+        <div id="projects">
+            <h2 class="heavy_text light_purple">Our Projects</h2>
+            <p>Our flagship project, the Citation III for MSFS, is a meticulously crafted simulation featuring detailed avionics, realistic aerodynamics, and stunning visuals.</p>
+            <ul>
+                <li>Realistic 3D cockpit and exterior model</li>
+                <li>Custom flight dynamics</li>
+                <li>High-fidelity avionics and systems</li>
+                <li>Interactive tutorials and documentation</li>
+            </ul>
+        </div>
+        <div id="resources">
+            <h2 class="heavy_text pink_text">Developer Resources</h2>
+            <p>Access tools, guides, and documentation to assist with development:</p>
+            <ul>
+                <a href="#">SDK Documentation</a>
+                <a href="#">Modeling Guidelines</a>
+                <a href="#">Avionics Development Kit</a>
+                <a href="#">Community Forum</a>
+            </ul>
+        </div>
+        <div id="contact">
+            <h2 class="heavy_text light_blue">Contact Us</h2>
+            <p>We'd love to hear from you! Reach out to us with questions, suggestions, or feedback:</p>
+            <p>Email us: <a href="mailto:[email protected]">[email protected]</a></p>
+        </div>
+    </div>
+  </section>
+{% endblock %}

templates/layout.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Skyborn {% block title %}{% endblock %}</title>
+
+        <!-- Favicon -->
+        <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+
+        <link href="https://fonts.googleapis.com/css2?family=Plaster&display=swap" rel="stylesheet">
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/beer.min.css" rel="stylesheet" />
+        <script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/beer.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/material-dynamic-colors.min.js"></script>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,[email protected],100..1000&display=swap" rel="stylesheet" />
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/uiStyle.css') }}" />
+    </head>
+    <body class="dark">
+        <nav class="top left-align">
+            <h5 class="max left-align heavy_text title">Skyborn</h5>
+            <a class="margin" href="{{ url_for('home') }}"><i>home</i>Home</a>
+            <a class="margin" href="{{ url_for('news') }}"><i>newspaper</i>News</a>
+            <a class="margin" href="{{ url_for('roadmap') }}"><i>map</i>RoadMap</a>
+            <a class="margin" href="https://discord.gg/ugpDpjbDCG"><i class="circle extra"><img class="responsive" src="{{ url_for('static', filename='img/discordClickIcon.png') }}"></i>Discord</a>
+        </nav>
+        <main class="responsive large-padding">
+            {% block content %}
+            {% endblock %}
+        </main>
+        <footer class="top left-align">
+            <div class="center-align large-padding">
+                <h5 class="max center-align bottom margin heavy_text title">Skyborn</h5>
+                <a href="https://discord.gg/ugpDpjbDCG" target="_blank">
+                    <i class="circle extra"><img class="responsive" src="{{ url_for('static', filename='img/discordClickIcon.png') }}"></i>
+                    <div>&nbsp;Discord</div>
+                </a>
+            </div>
+        </footer>
+    </body>
+</html>

journalDev.html → templates/news.html

@@ -1,25 +1,18 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link rel="stylesheet" href="ui.application/uiJournal.css">
-</head>
-<body>
-
+{% extends "layout.html" %}
+{% block content %}
 <hr class="cut">
+<div class="small-space"></div>
 <div class="welcomLine">
     <h1 id="l1">STAY</h1>
     <h1 id="l2">UP-TO-DATE</h1>  
 </div>
+<div class="xsmall">
 <svg class="icon1" fill="none" stroke="hsl(221deg, 100%, 64%)" stroke-width="1.0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
     <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z">
     </path>
   </svg>
+</div>
 
   <h1 id="st">Stay Tuned
     </h1>
-
-</body>
-</html>
+{% endblock %}

templates/roadmap.html

@@ -0,0 +1,6 @@
+{% extends "layout.html" %}
+{% block content %}
+<hr class="cut">
+<div class="small-space"></div>
+lots of things
+{% endblock %}