Add Project page

grzpiotrowski · Feb 12, 2024 · b45575a · b45575a
1 parent fbf1251
commit b45575a
Show file tree

Hide file tree

Showing 9 changed files with 4,518 additions and 0 deletions.
diff --git a/.github/workflows/page_deploy.yml b/.github/workflows/page_deploy.yml
@@ -0,0 +1,34 @@
+name: Build and Deploy Project Page
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: '18'
+
+    - name: Change to project directory
+      run: cd project-page
+
+    - name: Install dependencies
+      run: |
+        cd project-page
+        npm install
+
+    - name: Build page
+      run: |
+        cd project-page
+        npm run build
+
+    - name: Deploy to GitHub Pages
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./project-page/_site
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+_site
+*.out.css
diff --git a/project-page/.eleventy.js b/project-page/.eleventy.js
@@ -0,0 +1,4 @@
+module.exports = function (eleventyConfig) {
+  eleventyConfig.addPassthroughCopy("./assets/images");
+  eleventyConfig.addPassthroughCopy({"style.out.css": "style.css"});
+};
diff --git a/project-page/assets/images/author-image.jpeg b/project-page/assets/images/author-image.jpeg
diff --git a/project-page/index.html b/project-page/index.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>SiteVisor Project</title>
+  <link href="./style.css" rel="stylesheet">
+</head>
+<body class="bg-gray-100 font-sans leading-normal tracking-normal">
+  <div class="container mx-auto p-8">
+    <h1 class="text-5xl text-gray-500 font-bold text-center mb-8">SiteVisor</h1>
+
+    <div class="flex h-full">
+      <div class="w-1/2 flex flex-col justify-between bg-blue-100">
+          <div class="flex items-center p-8 space-x-4">
+              <img src="./assets/images/author-image.jpeg" alt="Author Image" class="h-auto w-48 rounded-lg shadow-lg">
+              <div>
+                  <h2 class="text-2xl text-gray-800 font-semibold">Grzegorz Piotrowski</h2>
+                  <p class="text-md text-gray-800">Student Number: 20099926</p>
+              </div>
+          </div>
+          <div class="p-8">
+            <p class="text-xl text-gray-700">Project Type: Web App, IoT</p>
+          </div>
+      </div>
+
+      <div class="w-1/2 h-full">
+          <img src="https://via.placeholder.com/800x600" alt="Sample Image" class="w-full h-full object-cover">
+      </div>
+    </div>
+
+    <div class="flex justify-center space-x-4 mt-8">
+      <a href="https://github.com/grzpiotrowski/sitevisor-project" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition ease-in-out duration-150">GitHub</a>
+    </div>
+  </div>
+</body>
+</html>