diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml new file mode 100644 index 0000000..1f1508a --- /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: ["codespace-fluffy-space-orbit-q9p69rrwv5c4wxq"] + + # 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@v4 + - name: Setup Pages + uses: actions/configure-pages@v5 + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + # Upload entire repository + path: '.' + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 diff --git a/images/nyc.jpg b/images/nyc.jpg new file mode 100644 index 0000000..ca05104 Binary files /dev/null and b/images/nyc.jpg differ diff --git a/index.html b/index.html index 44d3235..5ca01de 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,169 @@ -test.... - -image \ No newline at end of file + + + + + + VYB — Find the vyb. Feel the fun. + + + + + +
+ +
+ + +
+
+ +
+

Find the vyb. Feel the fun.

+

Tell VYB how you feel and where you’re headed. Get a curated plan for today — with spots, sounds, and a path that fits your mood and budget.

+ +
+ +
+
+

What VYB is

+

A mood-based curator that builds smart lists of where to go and what to do based on how you feel, your vibe, and your budget.

+
+
+

Who it’s for

+

People who want plans without planning — city explorers, travelers, students, and anyone chasing the right vibe for the day.

+
+
+

Key features

+

Smart recommendations that adapt to weather, budget, distance, and crowd size — all shareable and easy to map.

+
+
+ + + + \ No newline at end of file diff --git a/style.css b/style.css index 8b13789..2151220 100644 --- a/style.css +++ b/style.css @@ -1 +1,42 @@ +/* Hero with local background image */ +.hero { + position: relative; + overflow: hidden; + border-radius: 20px; + margin: 0 auto 80px; + max-width: 1100px; + min-height: 420px; /* ensures you see the image */ + display: grid; + place-items: center; /* centers hero content */ + text-align: center; + color: #e6e8ef; + box-shadow: 0 10px 40px rgba(0,0,0,0.5); +} +/* The image layer */ +.hero::before { + content: ""; + position: absolute; + inset: 0; + background: url("images/nyc.jpg") center / cover no-repeat; + filter: brightness(0.6); /* darken for readable text */ + transform: scale(1.02); +} + +/* Content sits above image */ +.hero > * { + position: relative; + z-index: 1; +} + +/* Optional: bigger headline in hero */ +.hero h1 { + font-size: clamp(36px, 6vw, 64px); + line-height: 1.1; + margin-bottom: 14px; +} +.hero p { + color: #a9afbf; + max-width: 720px; + margin: 0 auto 22px; +}