pages in folders, and .htaccess and 404

This commit is contained in:
Chris Bell 2025-06-25 16:14:45 -05:00
parent 9b8fcf18e2
commit ec3adfc147
6 changed files with 71 additions and 31 deletions

1
.htaccess Normal file
View File

@ -0,0 +1 @@
ErrorDocument 404 /404.html

39
404.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/res/css/main.css">
<link rel="stylesheet" href="/res/css/pages.css">
<title>Bellsworne - 404</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="/index.html">Home</a></li>
<li><a href="/tech/">Tech</a></li>
<li><a href="/farm/">Farm</a></li>
<li><a href="/games" class="active">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="/res/svg/games-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title">
<h1>404 - Page not found</h1>
</div>
</header>
<main>
<div class="content-container" id="about">
<h2 style="font-size: 5em">⚠️</h2>
<p style="font-size: 2em; text-align: center">Hey there! Looks like this page doesn't exist...</p>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

View File

@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="res/css/main.css"> <link rel="stylesheet" href="../res/css/main.css">
<link rel="stylesheet" href="res/css/pages.css"> <link rel="stylesheet" href="../res/css/pages.css">
<title>Bellsworne - Farm</title> <title>Bellsworne - Farm</title>
</head> </head>
<body> <body>
@ -12,14 +12,14 @@
<nav class="main-nav"> <nav class="main-nav">
<ul> <ul>
<li><a href="index.html">Home</a></li> <li><a href="../">Home</a></li>
<li><a href="tech.html">Tech</a></li> <li><a href="../tech">Tech</a></li>
<li><a href="farm.html" class="active">Farm</a></li> <li><a href="#" class="active">Farm</a></li>
<li><a href="games.html">Games</a></li> <li><a href="../games">Games</a></li>
</ul> </ul>
</nav> </nav>
<header> <header>
<object id="logo" data="res/svg/farm-header-logo.svg" type="image/svg+xml"></object> <object id="logo" data="../res/svg/farm-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title"> <div class="company-title">
<h1>BELLSWORNE FARM</h1> <h1>BELLSWORNE FARM</h1>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p> <p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
@ -29,7 +29,7 @@
<main> <main>
<div class="content-container" id="about"> <div class="content-container" id="about">
<h2>About Us</h2> <!-- <h2>About Us</h2>-->
<p>Our roots are in home-grown southern tradition and working <em>with</em> the earth rather than against it. We believe in sustainable yet quality artisan craftsmanship, and taking care of the animals that allow us to do our craft.</p> <p>Our roots are in home-grown southern tradition and working <em>with</em> the earth rather than against it. We believe in sustainable yet quality artisan craftsmanship, and taking care of the animals that allow us to do our craft.</p>
<h3>OUR COMMITMENTS</h3> <h3>OUR COMMITMENTS</h3>

View File

@ -3,21 +3,21 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="res/css/main.css"> <link rel="stylesheet" href="../res/css/main.css">
<link rel="stylesheet" href="res/css/pages.css"> <link rel="stylesheet" href="../res/css/pages.css">
<title>Bellsworne - Games</title> <title>Bellsworne - Games</title>
</head> </head>
<body> <body>
<nav class="main-nav"> <nav class="main-nav">
<ul> <ul>
<li><a href="index.html">Home</a></li> <li><a href="../">Home</a></li>
<li><a href="tech.html">Tech</a></li> <li><a href="../tech/">Tech</a></li>
<li><a href="farm.html">Farm</a></li> <li><a href="../farm/">Farm</a></li>
<li><a href="games.html" class="active">Games</a></li> <li><a href="#" class="active">Games</a></li>
</ul> </ul>
</nav> </nav>
<header> <header>
<object id="logo" data="res/svg/games-header-logo.svg" type="image/svg+xml"></object> <object id="logo" data="../res/svg/games-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title"> <div class="company-title">
<h1>BELLSWORNE GAMES</h1> <h1>BELLSWORNE GAMES</h1>
<p>Creating games with a passion for storytelling and a whole lotta heart.</p> <p>Creating games with a passion for storytelling and a whole lotta heart.</p>

View File

@ -12,9 +12,9 @@
<nav class="main-nav"> <nav class="main-nav">
<ul> <ul>
<li><a href="index.html" class="active">Home</a></li> <li><a href="index.html" class="active">Home</a></li>
<li><a href="tech.html">Tech</a></li> <li><a href="tech">Tech</a></li>
<li><a href="farm.html">Farm</a></li> <li><a href="farm">Farm</a></li>
<li><a href="games.html">Games</a></li> <li><a href="games">Games</a></li>
</ul> </ul>
</nav> </nav>
<header> <header>
@ -28,7 +28,7 @@
<main> <main>
<div class="content-container" id="about"> <div class="content-container" id="about">
<h2>About Us</h2> <!-- <h2>About Us</h2>-->
<p>Hi! We're Bellsworne. We officially founded the company in 2025 with a strange idea: to create something that suits both our love for games and technology and our passion for farming and sustainability.</p> <p>Hi! We're Bellsworne. We officially founded the company in 2025 with a strange idea: to create something that suits both our love for games and technology and our passion for farming and sustainability.</p>
<p>The name Bellsworne is the heart and core of what we do. It merges our last name, 'Bell,' with 'Sworne'—an old spelling of 'Sworn'—to represent the vows we made to each other.</p> <p>The name Bellsworne is the heart and core of what we do. It merges our last name, 'Bell,' with 'Sworne'—an old spelling of 'Sworn'—to represent the vows we made to each other.</p>
@ -46,14 +46,14 @@
<div class="sections-container" id="pages"> <div class="sections-container" id="pages">
<!-- Tech Section --> <!-- Tech Section -->
<a class="section-card" href="tech.html"> <a class="section-card" href="tech/">
<object class="section-logo" data="res/svg/bellsworne-tech-no-bg.svg" type="image/svg+xml"></object> <object class="section-logo" data="res/svg/bellsworne-tech-no-bg.svg" type="image/svg+xml"></object>
<h2>Technologies</h2> <h2>Technologies</h2>
<p>Developing software that isn't soulless corporate garbage.</p> <p>Developing software that isn't soulless corporate garbage.</p>
</a> </a>
<!-- Farm Section --> <!-- Farm Section -->
<a class="section-card" href="farm.html"> <a class="section-card" href="farm/">
<object class="section-logo" data="res/svg/bellsworne-farm-no-bg.svg" type="image/svg+xml"></object> <object class="section-logo" data="res/svg/bellsworne-farm-no-bg.svg" type="image/svg+xml"></object>
<h2>Farm</h2> <h2>Farm</h2>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p> <p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
@ -61,7 +61,7 @@
</a> </a>
<!-- Games Section--> <!-- Games Section-->
<a class="section-card" href="games.html"> <a class="section-card" href="games/">
<object class="section-logo" data="res/svg/bellsworne-games-no-bg.svg" type="image/svg+xml"></object> <object class="section-logo" data="res/svg/bellsworne-games-no-bg.svg" type="image/svg+xml"></object>
<h2>Games</h2> <h2>Games</h2>
<p>Creating games with a passion for storytelling and a whole lotta heart.</p> <p>Creating games with a passion for storytelling and a whole lotta heart.</p>

View File

@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="res/css/main.css"> <link rel="stylesheet" href="../res/css/main.css">
<link rel="stylesheet" href="res/css/pages.css"> <link rel="stylesheet" href="../res/css/pages.css">
<title>Bellsworne - Tech</title> <title>Bellsworne - Tech</title>
</head> </head>
<body> <body>
@ -12,14 +12,14 @@
<nav class="main-nav"> <nav class="main-nav">
<ul> <ul>
<li><a href="index.html">Home</a></li> <li><a href="../">Home</a></li>
<li><a href="tech.html" class="active">Tech</a></li> <li><a href="#" class="active">Tech</a></li>
<li><a href="farm.html">Farm</a></li> <li><a href="../farm">Farm</a></li>
<li><a href="games.html">Games</a></li> <li><a href="../games">Games</a></li>
</ul> </ul>
</nav> </nav>
<header> <header>
<object id="logo" data="res/svg/tech-header-logo.svg" type="image/svg+xml"></object> <object id="logo" data="../res/svg/tech-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title"> <div class="company-title">
<h1>BELLSWORNE TECHNOLOGIES</h1> <h1>BELLSWORNE TECHNOLOGIES</h1>
<p>Developing software that isn't soulless corporate garbage</p> <p>Developing software that isn't soulless corporate garbage</p>
@ -29,7 +29,7 @@
<main> <main>
<div class="content-container" id="about"> <div class="content-container" id="about">
<h2>About Us</h2> <!-- <h2>About Us</h2>-->
<p>We live in a world where technology is everywhere and in everything, and where corporations and greedy people run rampant just looking to make a quick buck at the expense of your sanity and privacy. We wanna make good software that people actually enjoy using, and that doesn't exploit you for profit. That's the core of our business.</p> <p>We live in a world where technology is everywhere and in everything, and where corporations and greedy people run rampant just looking to make a quick buck at the expense of your sanity and privacy. We wanna make good software that people actually enjoy using, and that doesn't exploit you for profit. That's the core of our business.</p>
<p></p> <p></p>
@ -56,7 +56,7 @@
<div class="sections-container" id="products"> <div class="sections-container" id="products">
<!-- SessionZero Section --> <!-- SessionZero Section -->
<a class="section-card" href="https://sessionzero.app"> <a class="section-card" href="https://sessionzero.app">
<object class="section-logo" data="res/svg/sessionzero-icon-no-bg.svg" type="image/svg+xml"></object> <object class="section-logo" data="../res/svg/sessionzero-icon-no-bg.svg" type="image/svg+xml"></object>
<h2>SessionZero</h2> <h2>SessionZero</h2>
<p>A no BS TTRPG companion app that gets out of your way.</p> <p>A no BS TTRPG companion app that gets out of your way.</p>
</a> </a>