Bellsworne/bellsworne-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Bellsworne:d907488ce32532d3a8f65a03ebf3b60ed83a8ee2
Branches Tags
Bellsworne:master
...
compare: Bellsworne:852685a8d6e3d2eb1036b9d784eeea5e4b663709
Branches Tags
Bellsworne:master

10 Commits
d907488ce3 ... 852685a8d6

Author SHA1 Message Date
chrisbell
852685a8d6 farm page edits 2025-11-03 16:57:01 -06:00
chrisbell
8c0cca0514 Update the games page 2025-09-04 09:22:44 -05:00
chrisbell
caa23d0e2f Update index again 2025-09-03 23:06:51 -05:00
chrisbell
8247d071ac Update index again 2025-09-03 22:36:52 -05:00
chrisbell
2d60d0261e Update index.html 2025-09-03 22:27:07 -05:00
Chris Bell
f8de3ae530 Fixing broken links 2025-06-25 16:17:04 -05:00
Chris Bell
ec3adfc147 pages in folders, and .htaccess and 404 2025-06-25 16:14:45 -05:00
Chris Bell
9b8fcf18e2 small change to home page 2025-06-25 14:36:29 -05:00
Chris Bell
94d1ca3e39 Update Farm and Games pages 2025-06-25 13:48:29 -05:00
Chris Bell
ce767923a7 Update Tech page 2025-06-25 11:54:44 -05:00
12 changed files with 356 additions and 218 deletions
Expand all files Collapse all files

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/">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="/res/svg/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>

45
farm.html
View File

@@ -1,45 +0,0 @@
<!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 - Farm</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="tech.html">Tech</a></li>
<li><a href="farm.html" class="active">Farm</a></li>
<li><a href="games.html">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="res/svg/farm-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title">
<h1>BELLSWORNE FARM</h1>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
</div>
</header>
<main>
<div class="page-container">
<div class="content-container">
<h1>Bellsworne Farm</h1>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
<!-- <p>We believe in sustainable farming practices that leave the land better than we found it. From our soil to your table, we're all about quality and care.</p>-->
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

81
farm/index.html Normal file
View File

@@ -0,0 +1,81 @@
<!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 - Farm</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="../">Home</a></li>
<li><a href="../tech/">Tech</a></li>
<li><a href="#" class="active">Farm</a></li>
<li><a href="../games/">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="../res/svg/farm-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title">
<h1>BELLSWORNE FARM</h1>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
</div>
</header>
<main>
<div class="content-container" id="about">
<!-- <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>
<h3>OUR COMMITMENTS</h3>
<ul class="checklist">
<li>Sustainability: We take care to make sure everything we do does not harm the beautiful world we live in, from ingredients to packaging.</li>
<li>Local first: If we can source it from our local communities, we will. We want small and local businesses to thrive.</li>
<li>Integrity: We will always try our best to do the right thing, and when we don't, we will make it right.</li>
<li>Community: We take community seriously, because without it what are we here for?</li>
</ul>
<h3>Socials</h3>
<ul class="social-icons">
<li><a href="https://youtube.com/@bellsworne" aria-label="Subscribe to our YouTube channel"><i class="fa-brands fa-youtube"></i></a></li>
<li><a href="https://instagram.com/@bellsworne" aria-label="Follow us on Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://x.com/bellsworne" aria-label="Follow us on X"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<div class="divider">
<h1>PRODUCTS</h1>
</div>
<div class="sections-container" id="products">
<!-- Goat Milk Soap Section -->
<div class="section-card">
<a href="https://shop.bellsworne.com/product-category/goat-milk-soap/">
<h2>Goat Milk Soap</h2>
<p>Hand-crafted artisan goat milk soap. Made with natural ingredients using the cold-process method.</p>
<h4>Click to visit the store!</h4>
<h3>Ingredients</h3>
<ul>
<li>Raw Goat Milk from our own herd</li>
<li>Olive Oil</li>
<li>Coconut Oil</li>
<li>Beef Tallow</li>
<li>Fragrance Oil</li>
<li>Other natural ingredients (Oats, flower pedals, etc)</li>
</ul>
</a>
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

43
games.html
View File

@@ -1,43 +0,0 @@
<!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 - Games</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="tech.html">Tech</a></li>
<li><a href="farm.html">Farm</a></li>
<li><a href="games.html" 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>BELLSWORNE GAMES</h1>
<p>Creating games with a passion for storytelling and a whole lotta heart.</p>
</div>
</header>
<main>
<div class="page-container">
<div class="content-container">
<h1>Bellsworne Games</h1>
<p>Creating games with a passion for storytelling and a whole lotta heart.</p>
<!-- <p>We're a small indie studio focused on making memorable experiences. We pour our creativity and soul into every project.</p>-->
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

67
games/index.html Normal file
View File

@@ -0,0 +1,67 @@
<!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 - Games</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="../">Home</a></li>
<li><a href="../tech/">Tech</a></li>
<li><a href="../farm/">Farm</a></li>
<li><a href="#" 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>BELLSWORNE GAMES</h1>
<p>Creating games with a passion for storytelling and a whole lotta heart</p>
</div>
</header>
<main>
<div class="content-container" id="about">
<p>At Bellsworne Games, we wanna make GOOD games, not just soulless cash grabs. Games that you enjoy playing, whether that be a fun co-op with friends, or a meaningful singleplayer experience. Hand-crafted with no artificial flavors.</p>
<h3>OUR COMMITMENTS</h3>
<ul class="checklist">
<li>Integrity: We understand that the games we make are for <i>people</i>, and we will never disrespect your privacy or exploit you for profit.</li>
<li>No BS: We're tired of AI and bloatware. Our games are all-natural and fat-free.</li>
<li>Longevity: Even if we decide to no longer support a game, we will always have a roadmap for its EOL that ensures its life by the community.</li>
<li>Community: We take community seriously, because without it what are we here for?</li>
</ul>
<h3>Socials</h3>
<ul class="social-icons">
<li><a href="https://youtube.com/@bellsworne" aria-label="Subscribe to our YouTube channel"><i class="fa-brands fa-youtube"></i></a></li>
<li><a href="https://instagram.com/@bellsworne" aria-label="Follow us on Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://x.com/bellsworne" aria-label="Follow us on X"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<div class="divider">
<h1>PRODUCTS</h1>
</div>
<div class="sections-container" id="products">
<!-- Splunk Section -->
<a class="section-card" href="#">
<object class="section-logo" data="" type="image/svg+xml"></object>
<h2>Splunk</h2>
<p>Coming soon!</p>
</a>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

28
index.html
View File

@@ -12,16 +12,16 @@
<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>
<object id="logo" data="res/svg/header-logo.svg" type="image/svg+xml"></object> <object id="logo" data="res/svg/header-logo.svg" type="image/svg+xml"></object>
<div class="company-title"> <div class="company-title">
<h1>WELCOME TO BELLSWORNE</h1> <h1>WELCOME TO BELLSWORNE</h1>
<p>Rooted in technology, sworn to nature</p> <p>Making stuff that doesn't suck</p>
</div> </div>
</header> </header>
@@ -29,16 +29,8 @@
<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 were officially founded in 2025 by Chris and Alex Bell with a strange idea: to create something that suits both our love for video games and technology and our passion for farming and creating a sustainable lifestyle. We believe in creating stuff that we not only enjoy creating, but is also sustainable, ethical, and actually enjoyable to use. No soulless corporate trash that just wants to expolit you.</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 made in marriage, and our vow to you and our community.</p>
<h3>OUR VALUES</h3>
<ul class="checklist">
<li>Integrity: Doing the right thing, especially when no one’s looking. No shortcuts, no nonsense.</li>
<li>Sustainability: Leaving things a little better than we found them, from our code to our soil.</li>
<li>Community: Looking out for our neighbors, both near and far. We’re all in this together, y’all.</li>
<li>Creativity: Making things with soul and a little bit of sass.</li>
</ul>
<h3>Socials</h3> <h3>Socials</h3>
<ul class="social-icons"> <ul class="social-icons">
@@ -54,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>
@@ -69,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>
@@ -82,4 +74,4 @@
</footer> </footer>
</body> </body>
</html> </html>

60
res/css/main.css
View File

@@ -1,5 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap'); @import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
body { body {
background-color: #2a2a2a; background-color: #2a2a2a;
@@ -19,6 +20,12 @@ h1, h2, h3 {
font-weight: 400; font-weight: 400;
} }
a {
color: #5076ba;
text-decoration: none;
transition: color 0.3s ease;
}
/* Header & Logo Animation */ /* Header & Logo Animation */
header { header {
display: flex; display: flex;
@@ -30,8 +37,8 @@ header {
} }
#logo { #logo {
width: 100%; width: 95%;
max-width: 750px; max-width: 950px;
height: auto; height: auto;
} }
@@ -72,7 +79,6 @@ main {
transition: transform 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
border: 1px solid #444; border: 1px solid #444;
text-decoration: none;
} }
.section-card:hover { .section-card:hover {
@@ -86,6 +92,20 @@ main {
color: #ffffff; color: #ffffff;
} }
.section-card h2 a {
text-decoration: none;
color: inherit;
}
.section-card h3 {
font-size: 1.8rem;
color: #ffffff;
margin-top: 2rem;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #555;
}
.section-logo { .section-logo {
height: 180px; height: 180px;
width: 180px; width: 180px;
@@ -107,6 +127,40 @@ main {
font-size: 1rem; font-size: 1rem;
} }
.section-card ul {
display: inline-block;
text-align: left;
margin-top: 1rem;
padding-left: 0;
}
.section-card ul {
list-style: circle;
padding-left: 0;
margin-top: 1rem;
}
.section-card li {
color: #c0c0c0;
padding-left: 1.8rem;
position: relative;
margin-bottom: 0.8rem;
}
/*.section-card li {*/
/* margin-bottom: 0.5rem;*/
/*}*/
/*.section-card li a {*/
/* color: #ffffff;*/
/* text-decoration: underline;*/
/*}*/
/*.section-card li a:hover {*/
/* color: #e0e0e0;*/
/*}*/
/* Footer */ /* Footer */
footer { footer {
text-align: center; text-align: center;

64
res/svg/bellsworne-tech-no-bg.svg
View File

@@ -15,70 +15,6 @@
xmlns:cc="http://creativecommons.org/ns#" xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"> xmlns:dc="http://purl.org/dc/elements/1.1/">
<style>
#big-gear {
animation: big-gear 10s linear infinite;
transform-origin: center;
transform-box: stroke-box;
}
#tr-gear {
animation: gear-left 2s linear infinite;
transform-origin: center;
transform-box: stroke-box;
}
#br-gear {
animation: gear-left 2s linear infinite;
transform-origin: center;
transform-box: fill-box;
}
#tl-gear {
animation: gear-left 2s linear infinite;
transform-origin: center;
transform-box: fill-box;
}
#bl-gear {
animation: gear-left 2s linear infinite;
transform-origin: center;
transform-box: fill-box;
}
@keyframes big-gear {
from {
rotate: 0deg;
}
to {
rotate: 180deg;
}
}
@keyframes gear-right {
from {
rotate: 0deg;
}
to {
rotate: 180deg;
}
}
@keyframes gear-left {
from {
rotate: 0deg;
}
to {
rotate: -180deg;
}
}
</style>
<sodipodi:namedview <sodipodi:namedview
id="namedview1" id="namedview1"
pagecolor="#505050" pagecolor="#505050"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 39 KiB

30
res/svg/sessionzero-icon-no-bg.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

45
tech.html
View File

@@ -1,45 +0,0 @@
<!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 - Tech</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="tech.html" class="active">Tech</a></li>
<li><a href="farm.html">Farm</a></li>
<li><a href="games.html">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="res/svg/tech-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title">
<h1>BELLSWORNE TECHNOLOGIES</h1>
<p>Developing software that isn't soulless corporate garbage</p>
</div>
</header>
<main>
<div class="page-container">
<div class="content-container">
<h1>Bellsworne Technologies</h1>
<p>Developing software that isn't soulless corporate garbage.</p>
<!-- <p>Our projects range from small utilities to larger applications, all built with integrity and a focus on sustainability in the digital world.</p>-->
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

71
tech/index.html Normal file
View File

@@ -0,0 +1,71 @@
<!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 - Tech</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="../">Home</a></li>
<li><a href="#" class="active">Tech</a></li>
<li><a href="../farm/">Farm</a></li>
<li><a href="../games/">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="../res/svg/tech-header-logo.svg" type="image/svg+xml"></object>
<div class="company-title">
<h1>BELLSWORNE TECHNOLOGIES</h1>
<p>Developing software that isn't soulless corporate garbage</p>
</div>
</header>
<main>
<div class="content-container" id="about">
<!-- <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></p>
<h3>OUR COMMITMENTS</h3>
<ul class="checklist">
<li>Integrity: We understand that the software we make is for <i>people</i>, and we will never disrespect your privacy or exploit you for profit.</li>
<li>No BS: We're tired of AI and bloatware. Our software is all-natural and fat-free.</li>
<li>Longevity: Even if we decide to no longer support a product, we will always have a roadmap for its EOL that ensures its life by the community.</li>
<li>Community: We take community seriously, because without it what are we here for?</li>
</ul>
<h3>Socials</h3>
<ul class="social-icons">
<li><a href="https://youtube.com/@bellsworne" aria-label="Subscribe to our YouTube channel"><i class="fa-brands fa-youtube"></i></a></li>
<li><a href="https://instagram.com/@bellsworne" aria-label="Follow us on Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://x.com/bellsworne" aria-label="Follow us on X"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<div class="divider">
<h1>PRODUCTS</h1>
</div>
<div class="sections-container" id="products">
<!-- SessionZero Section -->
<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>
<h2>SessionZero</h2>
<p>A no BS TTRPG companion app that gets out of your way.</p>
</a>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>