diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml new file mode 100644 index 0000000..5dc47a8 --- /dev/null +++ b/.github/workflows/static.yml @@ -0,0 +1,43 @@ +# 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 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 + +jobs: + # Single deploy job since we're just deploying + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v3 + - name: Setup Pages + uses: actions/configure-pages@v3 + - name: Upload artifact + uses: actions/upload-pages-artifact@v1 + with: + # Upload entire repository + path: '.' + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v1 diff --git a/index.html b/index.html index 448f29a..836201a 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,20 @@ - + +
+ +
Scotty Shirts U Illustrate (SSUI)
+
+
+ + + \ No newline at end of file diff --git a/shirt_images/not-found.png b/shirt_images/not-found.png new file mode 100644 index 0000000..df94c58 Binary files /dev/null and b/shirt_images/not-found.png differ diff --git a/style.css b/style.css index 981c5bd..71085a4 100644 --- a/style.css +++ b/style.css @@ -1 +1,60 @@ -/* Your Code Here */ \ No newline at end of file +html, body { + margin: 0; + height: 100%; +} + +.banner { + width: 100%; + height: 20px; + background-color: #c51230; +} + +.header { + display: flex; + justify-content: space-between; + margin-top: 20px; +} + +.header .logo{ + display: inline-block; + vertical-align: middle; + margin-left: 10%; +} + +.header .logo img{ + width: 200px; +} + +.header #title { + display: flex; + align-items: center; + margin-right: 10%; + font-family: "Catamaran"; + font-size: 45px; + font-weight: 200; +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + display: flex; + justify-content: space-evenly; +} + +li a { + display: block; + color: #c51230; + text-align: center; + font-family: "Open Sans"; + padding: 14px 16px; + text-decoration: underline solid transparent; +} + +/* Change the link color to #111 (black) on hover */ +li a:hover { + text-decoration: underline #c51230; + text-decoration-thickness: 10px; + transition: 1s ease; +} \ No newline at end of file