From 5069f6c09172943193a6291f1ac73c50089aeb79 Mon Sep 17 00:00:00 2001 From: Chris Bell Date: Tue, 24 Jun 2025 20:46:33 -0500 Subject: [PATCH] Init --- .gitignore | 1 + index.html | 51 +++++++ res/css/header-logo-anim.css | 59 ++++++++ res/css/main.css | 124 ++++++++++++++++ res/svg/bellsworne-farm-no-bg.svg | 221 +++++++++++++++++++++++++++++ res/svg/bellsworne-games-no-bg.svg | 215 ++++++++++++++++++++++++++++ res/svg/bellsworne-logo-no-bg.svg | 196 +++++++++++++++++++++++++ res/svg/bellsworne-tech-no-bg.svg | 189 ++++++++++++++++++++++++ res/svg/header-logo.svg | 1 + 9 files changed, 1057 insertions(+) create mode 100644 .gitignore create mode 100644 index.html create mode 100644 res/css/header-logo-anim.css create mode 100644 res/css/main.css create mode 100644 res/svg/bellsworne-farm-no-bg.svg create mode 100644 res/svg/bellsworne-games-no-bg.svg create mode 100644 res/svg/bellsworne-logo-no-bg.svg create mode 100644 res/svg/bellsworne-tech-no-bg.svg create mode 100644 res/svg/header-logo.svg diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..723ef36 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..f99d3e0 --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ + + + + + + + + Bellsworne - Home + + + +
+ + +
+

WELCOME TO BELLSWORNE

+

Innovating at the intersection of nature and technology.

+
+
+ +
+
+ +
+ + +

Developing cutting-edge software solutions and hardware integrations that power modern enterprises and drive digital transformation.

+
+ + +
+ + +

Sustainable agriculture and land stewardship, cultivating quality produce with ecological responsibility and innovative farming techniques.

+
+ + +
+ + +

Creating immersive and engaging interactive entertainment experiences that captivate players and push the boundaries of fun.

+
+
+
+ + + + + \ No newline at end of file diff --git a/res/css/header-logo-anim.css b/res/css/header-logo-anim.css new file mode 100644 index 0000000..cd31104 --- /dev/null +++ b/res/css/header-logo-anim.css @@ -0,0 +1,59 @@ +#big-gear { + animation: big-gear 10s linear infinite; + transform-origin: center; + transform-box: fill-box; +} + +#tr-gear { + animation: gear-left 2s linear infinite; + transform-origin: center; + transform-box: fill-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; + } +} \ No newline at end of file diff --git a/res/css/main.css b/res/css/main.css new file mode 100644 index 0000000..9cbea3a --- /dev/null +++ b/res/css/main.css @@ -0,0 +1,124 @@ +@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap'); + +body { + background-color: #2a2a2a; + color: #f0f0f0; + font-family: 'Lora', serif; + margin: 0; + padding: 0; + line-height: 1.6; + overflow-x: hidden; +} + +/* Typography */ +h1, h2, h3 { + font-family: 'League Gothic', sans-serif; + text-transform: uppercase; + letter-spacing: 2px; + font-weight: 400; +} + +/* Header & Logo Animation */ +header { + display: flex; + justify-content: center; + align-items: center; + padding: 2rem 1rem; + flex-direction: column; + text-align: center; +} + +#logo { + width: 100%; + max-width: 450px; /* Adjusted for the wider logo */ + height: auto; +} + +.company-title h1 { + font-size: 3rem; + margin: 0.5rem 0 0 0; + color: #ffffff; +} + +.company-title p { + margin: 0; + font-size: 1.1rem; + color: #a0a0a0; + font-family: 'Lora', serif; +} + +/* Main Content & Sections */ +main { + padding: 2rem 1rem; +} + +.sections-container { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 2rem; + max-width: 1200px; + margin: 0 auto; +} + +.section-card { + background-color: #333333; + border-radius: 12px; + padding: 2.5rem; + text-align: center; + flex: 1 1 300px; /* Flex properties for responsive columns */ + max-width: 350px; + transition: transform 0.3s ease, box-shadow 0.3s ease; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + border: 1px solid #444; +} + +.section-card:hover { + transform: translateY(-10px); + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); +} + +.section-card h2 { + font-size: 2.5rem; + margin-top: 0; + color: #ffffff; +} + +.section-logo { + height: 180px; + width: 180px; + margin: 1rem auto; + color: #a0a0a0; /* Icon color */ + transition: color 0.3s ease; +} + +.section-card:hover .section-logo { + color: #ffffff; +} + +.section-card p { + color: #c0c0c0; + font-size: 1rem; +} + +/* Footer */ +footer { + text-align: center; + padding: 2rem 1rem; + margin-top: 3rem; + font-size: 0.9rem; + color: #777; +} + +/* Responsive Design */ +@media (max-width: 768px) { + .company-title h1 { + font-size: 2.5rem; + } + + .section-card { + flex-basis: 100%; /* Full width on smaller screens */ + max-width: none; + } +} \ No newline at end of file diff --git a/res/svg/bellsworne-farm-no-bg.svg b/res/svg/bellsworne-farm-no-bg.svg new file mode 100644 index 0000000..309e047 --- /dev/null +++ b/res/svg/bellsworne-farm-no-bg.svg @@ -0,0 +1,221 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + BELLSWORNE + + + + + + + + + + + + + + + FARM + + + + + + diff --git a/res/svg/bellsworne-games-no-bg.svg b/res/svg/bellsworne-games-no-bg.svg new file mode 100644 index 0000000..edc03df --- /dev/null +++ b/res/svg/bellsworne-games-no-bg.svg @@ -0,0 +1,215 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + BELLSWORNE + + + + + + + + + + + + + + + GAMES + + + diff --git a/res/svg/bellsworne-logo-no-bg.svg b/res/svg/bellsworne-logo-no-bg.svg new file mode 100644 index 0000000..3e2ad7d --- /dev/null +++ b/res/svg/bellsworne-logo-no-bg.svg @@ -0,0 +1,196 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + BELLSWORNE + + + + + + + + + + + + + + + diff --git a/res/svg/bellsworne-tech-no-bg.svg b/res/svg/bellsworne-tech-no-bg.svg new file mode 100644 index 0000000..fc95347 --- /dev/null +++ b/res/svg/bellsworne-tech-no-bg.svg @@ -0,0 +1,189 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + BELLSWORNE + + + + + + + + + + TECHNOLOGIES + + + + diff --git a/res/svg/header-logo.svg b/res/svg/header-logo.svg new file mode 100644 index 0000000..6b8ea8f --- /dev/null +++ b/res/svg/header-logo.svg @@ -0,0 +1 @@ +big-gear \ No newline at end of file