Initial commit

parkingTurkeys · Jun 27, 2024 · 0fbb327 · 0fbb327
commit 0fbb327
Show file tree

Hide file tree

Showing 15 changed files with 441 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/.replit b/.replit
@@ -0,0 +1,10 @@
+entrypoint="index.html"
+hidden=[".config"]
+modules = ["web:v2-20230623-0b7a606"]
+
+[nix]
+channel = "stable-23_11"
+
+[deployment]
+publicDir = "/"
+deploymentTarget = "static"
diff --git a/buttons.html b/buttons.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>replit</title>
+  <link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+  <p id=demo> ... </p>
+  <button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World'"> Click Me</button>
+  <button type="personalize" onclick= personalize() > Personalize!</button>
+  <style>
+    html {
+      height: 100%;
+      width: 100%;
+      background-color: #fff9f0;
+      color: #0505ad;
+
+    }
+
+    button{
+      color: #0505ad;
+      background-color: #ffe5fa;
+      border-width: 0px;
+    }
+  </style>
+  <script>
+    function personalize() {
+      document.getElementById('demo').innerHTML = "Hello " + prompt("What's your name?");
+    }
+  </script>
+</body>
+
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <ul>
+      <li><a href="index.html">Home</a></li>
+      <li><a href="projects.html">Projects</a></li>
+      <li><a href="contact.html">Contact</a></li>
+      <li><a href="https://www.chess.com/member/parking_turkeys"><img src="https://images.chesscomfiles.com/uploads/v1/images_users/tiny_mce/PedroPinhata/php4xLfS2.png" alt="Chess.com" style="width:86px;height:30px;"></a></li>
+      <li><a href="https://scratch.mit.edu/users/parking_turkeys"><img src="https://en.scratch-wiki.info/w/images/Scratch_logo.svg" alt="Scratch" style="width:84px;height:30px;"></a></li>
+    </ul>
+    <h1> Contact </h1>
+    <h3>  Email : [email protected] </h3>
+    <a href = https://github.com/parkingTurkeys > <img id = "logo" src = "https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png" alt = "github logo"> </a>
+    <h3><a id = "link" href = "https://replit.com/@parking-turkeys"> Replit </a></h3>
+    <h3> My Website : Here! </h3>
+
+
+  </body>
+</html>
diff --git a/flames/create.html b/flames/create.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <link rel = "stylesheet" href = "styleFLAMES.css" />
+</head>
+
+<body>
+  <ul>
+    <li><a href="index.html">Home</a></li>
+    <li><a href="projects.html">Projects</a></li>
+    <li><a href="contact.html">Contact</a></li>
+    <li><a href="https://www.chess.com/member/parking_turkeys"><img src="https://images.chesscomfiles.com/uploads/v1/images_users/tiny_mce/PedroPinhata/php4xLfS2.png" alt="Chess.com" style="width:50px;height:18px;"></a></li>
+    <li><a href="https://scratch.mit.edu/users/parking_turkeys"><img src="https://en.scratch-wiki.info/w/images/Scratch_logo.svg" alt="Scratch" style="width:50px;height:18px;"></a></li>
+  </ul>
+  <script src = "scriptsForCreate.js"></script>
+  <script src = "scripts.js"></script>
+  <br>
+  <br>
+  <br>
+  <div id = "project">
+  <button onclick = "darkmode()"> Toggle dark mode </button>
+  <form id="form">
+    <input id = "spark" type = "text" placeholder = "spark" />
+    <button type = "submit"> Spark </button>
+  </form>
+  <a href = "home.html" ><button> Go Home </button></a>
+  </div>
+  <style>
+
+  </style>
+  <script type = "module">
+    import { initializeApp } from "https://www.gstatic.com/firebasejs/10.0.0/firebase-app.js";
+        import {
+            getAuth,
+            signInWithPopup,
+            GoogleAuthProvider,
+        } from "https://www.gstatic.com/firebasejs/10.0.0/firebase-auth.js";
+        import {
+            getFirestore,
+            addDoc,
+            doc,
+            collection,
+        } from "https://www.gstatic.com/firebasejs/10.0.0/firebase-firestore.js";
+        const firebaseConfig = {
+          apiKey: "AIzaSyDtVw1ltQmqFv-Hw2NsvQnmpM7HHA9t0V8",
+          authDomain: "flames----a-social-media.firebaseapp.com",
+          projectId: "flames----a-social-media",
+          storageBucket: "flames----a-social-media.appspot.com",
+          messagingSenderId: "756225538146",
+          appId: "1:756225538146:web:7aab03eecef8727d5c793b",
+          measurementId: "G-3J47N33NH9"
+        };
+        const app = initializeApp(firebaseConfig);
+        const auth = getAuth();
+
+        const db = getFirestore();
+        form.addEventListener("submit", (e) => {
+          e.preventDefault()
+          const currentUser = auth.currentUser;
+          if (!currentUser) {
+            alert("Please login first");
+            return;
+          }
+          const form = document.getElementById("form");
+          const spark = document.getElementById("spark");
+          addDoc(collection(db, "sparks"), {
+            spark: spark.value
+          });
+          alert("Successfully submitted post!");
+          window.location.href = "home.html"
+        });
+  </script>
+</body>
+
+</html>
diff --git a/flames/home.html b/flames/home.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <link rel = "stylesheet" href = "styleFLAMES.css">
+</head>
+
+<body>
+
+  <ul>
+    <li><a href="index.html">Home</a></li>
+    <li><a href="projects.html">Projects</a></li>
+    <li><a href="contact.html">Contact</a></li>
+    <li><a href="https://www.chess.com/member/parking_turkeys"><img src="https://images.chesscomfiles.com/uploads/v1/images_users/tiny_mce/PedroPinhata/php4xLfS2.png" alt="Chess.com" style="width:50px;height:18px;"></a></li>
+    <li><a href="https://scratch.mit.edu/users/parking_turkeys"><img src="https://en.scratch-wiki.info/w/images/Scratch_logo.svg" alt="Scratch" style="width:50px;height:18px;"></a></li>
+  </ul>
+  <script src = "scriptsForCreate.js"></script>
+  <script src = "scripts.js"></script>
+  <br>
+  <br>
+  <br>
+  <div id ="project">
+  <button id="login">Sign in with Google</button>
+  <a href = "create.html"><button>create</button> </a>
+  <div id="postsContainer"></div>
+  <script src = "scripts.js"></script>
+  <button onclick = "darkmode()"> Toggle dark mode </button>
+  </div>
+  <script type="module">
+      import { initializeApp } from "https://www.gstatic.com/firebasejs/10.0.0/firebase-app.js";
+      import {
+          getAuth,
+          signInWithPopup,
+          GoogleAuthProvider,
+      } from "https://www.gstatic.com/firebasejs/10.0.0/firebase-auth.js";
+    const firebaseConfig = {
+      apiKey: "AIzaSyDtVw1ltQmqFv-Hw2NsvQnmpM7HHA9t0V8",
+      authDomain: "flames----a-social-media.firebaseapp.com",
+      projectId: "flames----a-social-media",
+      storageBucket: "flames----a-social-media.appspot.com",
+      messagingSenderId: "756225538146",
+      appId: "1:756225538146:web:7aab03eecef8727d5c793b",
+      measurementId: "G-3J47N33NH9"
+    };
+      const app = initializeApp(firebaseConfig);
+      const auth = getAuth();
+      const provider = new GoogleAuthProvider();
+
+      const login = document.getElementById("login");
+      login.addEventListener("click", () => {
+          signInWithPopup(auth, provider).then(() => {
+              window.location.replace("/");
+          document.getElementById("login").innerHTML = ("Change Account");
+          });
+      });
+      import {
+          getFirestore,
+          getDocs,
+          collection,
+      } from "https://www.gstatic.com/firebasejs/10.0.0/firebase-firestore.js";
+      const db = getFirestore();
+      const div = document.getElementById("div");
+
+      const posts = await getDocs(collection(db, "sparks"));
+          posts.forEach((doc) => {
+              const element = document.createElement("div");
+              const spark = document.createElement("h1");
+              spark.innerText =
+                  doc.data().spark;
+              element.appendChild(spark);
+              postsContainer.appendChild(element);
+          });
+  </script>
+
+</body>
+
+</html>
diff --git a/flames/scripts.js b/flames/scripts.js
@@ -0,0 +1,4 @@
+function darkmode() {
+  var element = document.body;
+  element.classList.toggle("dark-mode");
+}
diff --git a/flames/scriptsForCreate.js b/flames/scriptsForCreate.js
@@ -0,0 +1 @@
+
diff --git a/flames/scriptsForIndex.js b/flames/scriptsForIndex.js
@@ -0,0 +1 @@
+
diff --git a/flames/styleFLAMES.css b/flames/styleFLAMES.css
@@ -0,0 +1,58 @@
+body {
+  background-color : white;
+  color : black;
+  padding : 5px;
+  button-color: black
+}
+
+#project {
+  border-style : solid;
+  border-color : red;
+}
+
+.button {
+  background-color: white;
+  border: black;
+  color: black;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+}
+
+
+.dark-mode {
+  background-color : black;
+  color : white;
+}
+
+ul {
+  list-style-type: none;
+  margin: 10px;
+  padding: 0;
+  background-color: #ffba1a;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+li a {
+  float : left;
+  display : block;
+  color : white;
+  text-align: center;
+  padding : 14px 16px;
+  text-decoration: none;
+  border-right: 1px solid #ffffff;
+}
+
+li a:hover {
+  background-color: #e3a71c;
+}
+
+.active {
+  background-color: #4d97ff;
+}
+
diff --git a/index.html b/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <ul>
+      <li><a href="index.html">Home</a></li>
+      <li><a href="projects.html">Projects</a></li>
+      <li><a href="contact.html">Contact</a></li>
+      <li><a href="https://www.chess.com/member/parking_turkeys"><img src="https://images.chesscomfiles.com/uploads/v1/images_users/tiny_mce/PedroPinhata/php4xLfS2.png" alt="Chess.com" style="width:50px;height:18px;"></a></li>
+      <li><a href="https://scratch.mit.edu/users/parking_turkeys"><img src="https://en.scratch-wiki.info/w/images/Scratch_logo.svg" alt="Scratch" style="width:50px;height:18px;"></a></li>
+    </ul>
+<br>
+<br>
+ <h1 class="header"> @Parking_Turkeys </h1>   
+  <br>
+  <br>
+<p> Note that the projects page may be slow, so if you'd like you can just check out my scratch! 😎</p>
+  <p> Hi! I'm a cool coder!</p>
+  <br>
+  <br>
+  <p>I've been doing Scratch for over 5 years, and I'm learning HTML, JS,  and CSS. I can do a bit of Python, and want to learn more!</p>
+  <br>
+  <p>My other hobbies are D&D, reading, and video games. My favorite food is Käsespätzle and my favorite color is </p>
+  <h5 class= "multicolor-text"> rainboooooooooooow </h5>
+
+  </body>
+</html>
diff --git a/projects.html b/projects.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <ul>
+      <li><a href="index.html">Home</a></li>
+      <li><a href="projects.html">Projects</a></li>
+      <li><a href="contact.html">Contact</a></li>
+      <li><a href="https://www.chess.com/member/parking_turkeys"><img src="https://images.chesscomfiles.com/uploads/v1/images_users/tiny_mce/PedroPinhata/php4xLfS2.png" alt="Chess.com" style="width:86px;height:30px;"></a></li>
+      <li><a href="https://scratch.mit.edu/users/parking_turkeys"><img src="https://en.scratch-wiki.info/w/images/Scratch_logo.svg" alt="Scratch" style="width:84px;height:30px;"></a></li>
+    </ul>
+    <br>
+    <br>
+    <br>
+    <h5>I've tried to make something here : <a href = "/flames/home.html" id = "link"> flames </a> It is very buggy.</h5>
+    <br>
+    <br>
+    <h5> I'm trying to make an OS simulation. Here it is : <a href = "https://replit.com/@parking-turkeys/katOS"> katOS </a> It is still a work in progress.</h5>
+    <h5> <a href = "buttons.html"> The most fantastic project.</a></h5>
+
+
+  </body>
+</html>
diff --git a/script.js b/script.js