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

Fix the pages cards so that the logos are also clickable

Browse Source
This commit is contained in:
Chris Bell 2025-06-25 08:29:23 -05:00
parent b8472dbb41
commit 7491bcea80
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -46,26 +46,26 @@
<div class="sections-container" id="pages"> <div class="sections-container" id="pages">
<!-- Tech Section --> <!-- Tech Section -->
<section class="section-card" onclick="location.href='https://bellsworne.tech';"> <a class="section-card" href="tech.html">
<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>
</section> </a>
<!-- Farm Section --> <!-- Farm Section -->
<section class="section-card" onclick="location.href='farm.html';"> <a class="section-card" href="farm.html">
<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>
</section> </a>
<!-- Games Section--> <!-- Games Section-->
<section class="section-card" onclick="location.href='games.html';"> <a class="section-card" href="games.html">
<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>
</section> </a>
</div> </div>
</main> </main>

5
res/css/main.css
View File

@ -72,6 +72,7 @@ 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 {
@ -97,6 +98,10 @@ main {
color: #ffffff; color: #ffffff;
} }
.section-card object {
pointer-events: none;
}
.section-card p { .section-card p {
color: #c0c0c0; color: #c0c0c0;
font-size: 1rem; font-size: 1rem;