diff --git a/app.py b/app.py index 37da8e8..51aaca9 100644 --- a/app.py +++ b/app.py @@ -8,5 +8,10 @@ def index(): return render_template('index.html') +@app.route('/about') +def about(): + return render_template('about.html') + + if __name__ == '__main__': app.run(debug=True) diff --git a/static/index.css b/static/index.css index 3d31bc3..8e00f07 100644 --- a/static/index.css +++ b/static/index.css @@ -1,62 +1,44 @@ -/* Fullscreen video background */ -.fullscreen-video-wrapper { +html, body { + margin: 0; + padding: 0; + height: 100%; + font-family: 'Arial', sans-serif; +} + +.image-background { position: relative; - width: 100%; - height: 100vh; /* Fullscreen height */ + height: 100vh; overflow: hidden; } -.fullscreen-video-wrapper iframe { +img { position: absolute; - top: 0; - left: 0; - width: 100vw; - height: 100vh; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; transform: translate(-50%, -50%); - object-fit: cover; /* Ensures the video covers the entire screen */ - z-index: -1; /* Puts the iframe behind the text */ + object-fit: cover; + z-index: -1; } -/* Centered overlay text */ -.overlay-text { +.content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; - color: #f0f0f0; - z-index: 1; /* Ensures the text is on top of the video */ + color: white; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); } -.titletext { - font-size: 8vw; - font-weight: bolder; +h1 { + font-size: 4rem; + margin: 0; } -.subtext { - font-size: 4vw; - font-weight: bolder; -} - -/* Responsive styling */ -@media (max-width: 768px) { - .titletext { - font-size: 10vw; - } - - .subtext { - font-size: 5vw; - } -} - -/* Scrollable content below the fullscreen section */ -#about { - padding-top: 100vh; /* Ensures content starts below the fullscreen section */ -} - -/* Make images responsive */ -.responsive-img { - max-width: 100%; - height: auto; +p { + font-size: 1.5rem; + margin-top: 10px; } diff --git a/templates/about.html b/templates/about.html new file mode 100644 index 0000000..21b78fd --- /dev/null +++ b/templates/about.html @@ -0,0 +1,30 @@ + + + + + + Jake's West Coast | About + + + + +
+
+

Who Am I?

+
+
+ +
+
+
+

I'm Jake, a rider from the Bay Area. I enjoy being in the mountains and riding new trails! Catch me riding in the Santa Cruz mountains on the weekends.

+

Check out my social media and Youtube to see what I've been riding! Links are below.

+ + +
+
+
+
+
+ + diff --git a/templates/index.html b/templates/index.html index 5c7beb0..faccae8 100755 --- a/templates/index.html +++ b/templates/index.html @@ -1,37 +1,20 @@ - - - Jake's West Coast - + + + + + Jake's West Coast | Home + - - - - - -
-

Jake's West Coast

-

My Mountaineering Diary!

-
-
-
-

Who Am I?

-
-
- -
-
-
-

I'm Jake, a rider from the Bay Area. I enjoy being in the mountains and riding new trails! Catch me riding in the Santa Cruz mountains on the weekend.

-

Check out my social media and Youtube to see what I've been riding! Links are below.

- - -
-
+ + +
+ Jakeswestcoast +
+

Jake's West Coast

+

My Mountaineering Diary

-
- - +