Merge pull request #9 from OSURoboticsClub/2024-website

2024 website - move to main branch

.github/workflows/hugo.yml

@@ -0,0 +1,77 @@
+# Sample workflow for building and deploying a Hugo site to GitHub Pages
+name: Deploy Hugo site to Pages
+
+on:
+ # Runs on pushes targeting the new branch
+ push:
+ branches: ["2024-website"]
+
+ # Allows you to run this workflow manually from the Actions tab
+ workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+ contents: read
+ pages: write
+ id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+ group: "pages"
+ cancel-in-progress: false
+
+# Default to bash
+defaults:
+ run:
+ shell: bash
+
+jobs:
+ # Build job
+ build:
+ runs-on: ubuntu-latest
+ env:
+ HUGO_VERSION: 0.105.0
+ steps:
+ - name: Install Hugo CLI
+ run: |
+ wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+ && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+ - name: Install Dart Sass
+ run: sudo snap install dart-sass
+ - name: Checkout
+ uses: actions/checkout@v4
+ with:
+ submodules: recursive
+ - name: Setup Pages
+ id: pages
+ uses: actions/configure-pages@v5
+ - name: Install Node.js dependencies
+ run: "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"
+ - name: Laravel Mix
+ run: "npx mix"
+ - name: Build with Hugo
+ env:
+ # For maximum backward compatibility with Hugo modules
+ HUGO_ENVIRONMENT: production
+ HUGO_ENV: production
+ run: |
+ hugo \
+ --minify \
+ --baseURL "${{ steps.pages.outputs.base_url }}/"
+ - name: Upload artifact
+ uses: actions/upload-pages-artifact@v3
+ with:
+ path: ./public
+
+ # Deployment job
+ deploy:
+ environment:
+ name: github-pages
+ url: ${{ steps.deployment.outputs.page_url }}
+ runs-on: ubuntu-latest
+ needs: build
+ steps:
+ - name: Deploy to GitHub Pages
+ id: deployment
+ uses: actions/deploy-pages@v4

.github/workflows/static.yml.disabled

@@ -0,0 +1,49 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+ # Runs on pushes targeting the default branch
+ push:
+ branches: ["main"]
+
+ # Allows you to run this workflow manually from the Actions tab
+ workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+ contents: read
+ pages: write
+ id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+ group: "pages"
+ cancel-in-progress: true
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+ strategy:
+ matrix:
+ node-version: [10.19]
+
+ steps:
+ - uses: actions/checkout@v1
+
+ - name: Cache node modules
+ uses: actions/cache@v1
+ with:
+ path: ~/.npm
+ key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+ restore-keys: |
+ ${{ runner.os }}-node-
+
+ - name: Node ${{ matrix.node-version }}
+ uses: actions/setup-node@v1
+ with:
+ node-version: ${{ matrix.node-version }}
+
+ - name: npm ci and npm run build
+ run: |
+ npm ci
+ npm run build:ci

.gitignore

@@ -126,4 +126,8 @@ out
 .yarn/unplugged
 .yarn/build-state.yml
 .yarn/install-state.gz
-.pnp.*
+.pnp.*
+.DS_Store
+.hugo_build.lock
+static/css/styles.css
+static/js/app.js

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Escher Wright-Dykhouse
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,27 +1,16 @@
-# OsurcWebsite
+# Hugo Basic Starter for TailwindCSS v3.x and Sass
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.19 with Node v10.13.X.
+A very simple starter set up with [TailwindCSS](https://tailwindcss.com/) and its [typography plugin](https://tailwindcss.com/docs/typography-plugin), [Sass](https://sass-lang.com/) and a build setup using [Laravel Mix](https://laravel-mix.com/).
 
-## Development server
+A modified version of [bep/hugo-starter-tailwind-basic](https://github.com/bep/hugo-starter-tailwind-basic), just with Sass.
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+This setup has only been tested with projects; it might work as a theme but idk.
 
-## Code scaffolding
+## As a Project
 
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+Create a repo from this template, install the dependencies, and run.
 
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+```bash
+npm install
+npm run dev
+```

assets/css/components/navbar.scss

@@ -0,0 +1,34 @@
+
+
+.rc-menu-item {
+
+ a {
+ @apply opacity-80 hover:opacity-100 transition-opacity z-20;
+ }
+
+ &-pill {
+ @apply bg-white/10 py-1.5 px-6 text-white/100 rounded-full hover:bg-white/20 transition-colors;
+ }
+
+ &:hover .rc-menu-sublist-wrapper {
+ @apply block;
+ }
+
+}
+
+.rc-menu-sublist-wrapper {
+ @apply hidden absolute top-0 pt-10 bg-neutral-800 rounded-lg -ml-3 -mt-2 overflow-visible;
+ width: calc(100% + 23px);
+}
+
+.rc-menu-sublist {
+ @apply bg-neutral-800 rounded-lg shadow w-max overflow-hidden rounded-tl-none;
+
+ .rc-menu-item > a {
+ @apply block border-b border-neutral-700 pl-5 pr-7 py-3 hover:bg-white/5;
+ }
+
+ .rc-menu-item:last-child > a {
+ @apply border-none;
+ }
+}

assets/css/components/prose.scss

@@ -0,0 +1,3 @@
+.prose {
+ @apply prose-headings:text-white prose-headings:font-semibold prose-headings:font-display prose-headings:mb-0 first:prose-headings:mt-0 prose-headings:mt-8 text-white/80;
+}

assets/css/pages/home.scss

@@ -0,0 +1,27 @@
+.bruh-card {
+ &-bg {
+ @apply transition-all;
+ }
+ &-logo {
+ @apply transition-all;
+ }
+ &-text {
+ @apply transition-colors;
+ }
+
+ &:hover {
+ .bruh-card-bg {
+ transform: scale(1.2);
+ opacity: 0.8;
+ }
+
+ .bruh-card-logo {
+ opacity: 0;
+ // filter: blur(20px);
+ }
+
+ .bruh-card-text {
+ @apply bg-black/50;
+ }
+ }
+}

assets/css/styles.scss

@@ -0,0 +1,26 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+// /* Components */
+// @import "components/all.scss";
+@import "components/navbar.scss";
+@import "components/prose.scss";
+
+// /* Pages */
+// @import "pages/blog-single.scss";
+@import "pages/home.scss";
+
+
+@layer utilities {
+ /* Hide scrollbar for Chrome, Safari and Opera */
+ .no-scrollbar::-webkit-scrollbar {
+ display: none;
+ }
+ /* Hide scrollbar for IE, Edge and Firefox */
+ .no-scrollbar {
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+ }
+}

assets/js/app.js

@@ -0,0 +1 @@
+// App JavaScript can go here