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">
<!-- 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>
<h2>Technologies</h2>
<p>Developing software that isn't soulless corporate garbage.</p>
</section>
</a>
<!-- 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>
<h2>Farm</h2>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
</section>
</a>
<!-- 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>
<h2>Games</h2>
<p>Creating games with a passion for storytelling and a whole lotta heart.</p>
</section>
</a>
</div>
</main>

5
res/css/main.css
View File

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