deployment setup

Aksgo · Jul 11, 2024 · 2762e34 · 2762e34
1 parent a7ab355
commit 2762e34
Show file tree

Hide file tree

Showing 20 changed files with 108 additions and 9 deletions.
diff --git a/.firebase/hosting.cHVibGlj.cache b/.firebase/hosting.cHVibGlj.cache
@@ -0,0 +1,16 @@
+theme.js,1720628041622,fe13a4e38f955ac4852a536b1abeb84dac567a80f8d1c92b0dbe04d0e0b7480a
+stylelight.css,1720614219114,af1ec3bdceaaaaf4cd7c82bd4a610800e68d6b24ecf7d1153e3477263bc4cdf8
+style.css,1720629519600,4a32d40066bee054f6f2b7f5fcd999affe767ecfb0f3f22a9424e1282f0aa16e
+index.html,1720628754669,178540a9459b5b7659f675c7b82711846a140c65e36a56b69ffc1445f4524586
+commonarticles.css,1720590353500,cd1b979f995865f908a4faf51b1341474d5b2a983b9c7bb1456b51c8428bd8cb
+articlestylelight.css,1720590444288,0ea5b8a12bcfe0c10bb78cafe1d228997955542e2bfd8a0d33a2b2bbe888ff87
+articlestyle.css,1720628280742,555df665924735e361554e616d69e65d74dc09a1b50881dd1e18b7b90538b56b
+article.html,1720628018737,faf4f3cd846e147fb82533fd6e991109fc83c728854b5241103362c65b9311f0
+404.html,1720632101392,53e5c344c692cbb1bf7d0a6b52af2c07f089f1ecd3dbc2709013c7d4d3e043af
+asset/file.png,1720628723655,6226454be8800280660b7b9d1e97afcb4f13ceda9b0e45cbd030535179f28d16
+asset/coder.jpg,1720093201174,4ead14ded3f3e1eba857b12b72b3fdb9abc2dca53cf39eee6d57126c32898968
+asset/bg4.png,1720532126004,9ddbf123b087eb145f120f3b22629d2ff603c8e874f1e785c2bd4e70666794a7
+asset/bg3.png,1720532010336,8d1ad2cef50d4175c5333dc6ed5e178c59cfc7098d7503528614281db9adaf3c
+asset/bg2.png,1720526440296,96d1200102247a2c0951dcee676cd9c66faeb867ff4d04c2e66f1bbbe98f3950
+asset/bg1.png,1720526200172,a0bcdcfa36c81880d5d57c552664f2dc57a73b50450b46fa9e356a2810f45a0b
+asset/bg.png,1720099275765,8f3cdf9fdefdcaca6cba14cefb3dcd279a95ca666e4f7f955b4510f93a80dc7d
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "unialgo"
+  }
+}
diff --git a/.github/workflows/firebase-hosting-deploy.yml b/.github/workflows/firebase-hosting-deploy.yml
@@ -0,0 +1,30 @@
+name: Deploy to Firebase Hosting
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v2
+
+      - name: Install Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '20.15.1'
+
+      - name: Install Firebase CLI
+        run: npm install -g firebase-tools
+
+      - name: Authenticate to Firebase
+        env:
+          FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
+        run: firebase projects:list
+
+      - name: Deploy to Firebase Hosting
+        run: firebase deploy --only hosting
diff --git a/firebase.json b/firebase.json
@@ -0,0 +1,10 @@
+{
+  "hosting": {
+    "public": "public",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ]
+  }
+}
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Page Not Found</title>
+
+    <style media="screen">
+      body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
+      #message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px 16px; border-radius: 3px; }
+      #message h3 { color: #888; font-weight: normal; font-size: 16px; margin: 16px 0 12px; }
+      #message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
+      #message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
+      #message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
+      #message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
+      #message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
+      #load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
+      @media (max-width: 600px) {
+        body, #message { margin-top: 0; background: white; box-shadow: none; }
+        body { border-top: 16px solid #ffa100; }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="message">
+      <h2>404</h2>
+      <h1>Page Not Found</h1>
+      <p>The specified file was not found on this website. Please check the URL for mistakes and try again.</p>
+    </div>
+  </body>
+</html>
diff --git a/article.html → public/article.html b/article.html → public/article.html
@@ -16,7 +16,7 @@
                 &larr; Back
             </a>
         </div>
-        <button id="toggle-theme">☀️</button>
+        <!-- <button id="toggle-theme">☀️</button> -->
     </header>
     <div class="articles">
         <div class="article">

diff --git a/articlestyle.css → public/articlestyle.css b/articlestyle.css → public/articlestyle.css
@@ -44,9 +44,10 @@ header.article-header {
     flex-direction: column;
     background-color: #333;
     padding: 20px;
-    border-radius: 20px;
+    border-radius: 10px;
     max-width: 500px;
     cursor: pointer;
+    border-top:  10px solid rgb(181, 181, 181);
 }
 .head-article{
     display: flex;

diff --git a/articlestylelight.css → public/articlestylelight.css b/articlestylelight.css → public/articlestylelight.css
diff --git a/asset/bg.png → public/asset/bg.png b/asset/bg.png → public/asset/bg.png
diff --git a/public/asset/bg1.png b/public/asset/bg1.png
diff --git a/public/asset/bg2.png b/public/asset/bg2.png
diff --git a/public/asset/bg3.png b/public/asset/bg3.png
diff --git a/asset/bg4.png → public/asset/bg4.png b/asset/bg4.png → public/asset/bg4.png
diff --git a/asset/coder.jpg → public/asset/coder.jpg b/asset/coder.jpg → public/asset/coder.jpg
diff --git a/public/asset/file.png b/public/asset/file.png
diff --git a/commonarticles.css → public/commonarticles.css b/commonarticles.css → public/commonarticles.css
diff --git a/index.html → public/index.html b/index.html → public/index.html
@@ -25,14 +25,14 @@
                 <button>Subscribe</button>
             </div>
         </div>
-        <button id="toggle-theme">☀️</button>
+        <!-- <button id="toggle-theme">☀️</button> -->
     </header>
     <div class="content">
         <div class="about"><h1 class="grad-text">"Read to Improve"</h1>
             <p id="des">Small CP Articles but huge impact</p>
             <button id="start-btn" onclick="location.href='article.html'">Get Started</button>
         </div>
-        <div class="image-main"><img src="asset/coder.jpg"></div>
+        <div class="image-main"><img src="asset/file.png"></div>
     </div>
     <script src="theme.js"></script>
 </body>

diff --git a/style.css → public/style.css b/style.css → public/style.css
@@ -59,16 +59,18 @@ header{
     flex-direction: row;
     flex-wrap: wrap;
     gap:20px;
-    margin : 30px auto;
+    margin : 30px 200px;
+    border-radius: 30px;
     justify-content: center;
     padding: 40px;
+    background-color: rgba(83, 83, 83, 0.4);
+
 
 }
 .about{
     display: flex;
     flex-direction: column;
     justify-content: center;
-    background-color: rgba(58, 58, 58, 0.4);
     border-radius: 40px;
     padding: 30px;
 }
@@ -109,8 +111,12 @@ img{
     height: 20rem;
     /*box-shadow: 0 0 60px rgb(255, 255, 255);*/
 }
-@media (max-width: 650px) {
+@media (max-width: 1000px) {
+    .content{
+        background-color: #00000000;
+    }
     .about{
+        background-color: rgba(58, 58, 58, 0.4);
         max-width: 260px;
         padding: 15px;
     }

diff --git a/stylelight.css → public/stylelight.css b/stylelight.css → public/stylelight.css
diff --git a/theme.js → public/theme.js b/theme.js → public/theme.js
@@ -1,4 +1,4 @@
-const toggleButton = document.getElementById("toggle-theme");
+/*const toggleButton = document.getElementById("toggle-theme");
 const lightTheme = document.getElementById("light-theme")
 const darkTheme = document.getElementById("dark-theme")
 let darkMode = localStorage.getItem('darkMode')==='true';
@@ -20,4 +20,4 @@ toggleButton.addEventListener('click',()=>{
     //storing theme in local storage to prevent disappearing after reload
     localStorage.setItem('darkMode', darkMode)
     setTheme();
-})
+})*/