Skip to content

Commit dde1b98

Browse files
CavenfishCavenfish
committed
Deploying to gh-pages from @ 90bef3a 🚀
1 parent 853d6b1 commit dde1b98

13 files changed

Lines changed: 108 additions & 91 deletions

File tree

‎404.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<link rel="stylesheet" href="/css/franklin.css" />
1010
<link rel="stylesheet" href="/css/icons.css" />
11-
<link rel="icon" href="/assets/rndimg.jpg" />
11+
<link rel="icon" href="/assets/avatar.svg" />
1212

1313
<!-- Font Awesome Icons -->
1414
<link
@@ -35,11 +35,9 @@
3535
<div class="author-name-nav">
3636
<li><a href="/">Brian C. Ferrari</a></li>
3737
</div>
38-
<div class="theme-switch">
39-
<button id="theme-toggle" onclick="toggleTheme()">
40-
<i class="fas fa-moon"></i>
41-
</button>
42-
</div>
38+
<a class="theme-switch" onclick="toggleTheme()">
39+
<i id="theme-icon" class="fas fa-moon"></i>
40+
</a>
4341
<a class="burger-nav" onclick="myFunction()">
4442
<i class="fa-2x fa fa-bars"></i>
4543
</a>

‎css/icons.css‎

Lines changed: 35 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,49 @@
11
/*-----------
22
Icons
33
-----------*/
4-
/* Software Docs */
5-
.fa-book {
4+
[data-theme=light] {
5+
/* Software Docs */
6+
}
7+
[data-theme=light] .fa-book {
8+
color: black;
9+
}
10+
[data-theme=light] {
11+
/* GitHub */
12+
}
13+
[data-theme=light] .fa-brands.fa-github {
14+
color: black;
15+
}
16+
[data-theme=light] {
17+
/* Email */
18+
}
19+
[data-theme=light] .fa-solid.fa-envelope {
620
color: black;
721
}
822

23+
[data-theme=dark] {
24+
/* Software Docs */
25+
}
26+
[data-theme=dark] .fa-book {
27+
color: white;
28+
}
29+
[data-theme=dark] {
30+
/* GitHub */
31+
}
32+
[data-theme=dark] .fa-brands.fa-github {
33+
color: white;
34+
}
35+
[data-theme=dark] {
36+
/* Email */
37+
}
38+
[data-theme=dark] .fa-solid.fa-envelope {
39+
color: white;
40+
}
41+
942
/* Google Scholar */
1043
.fa-graduation-cap {
1144
color: #4c9cf1;
1245
}
1346

14-
/* GitHub */
15-
.fa-brands.fa-github {
16-
color: black;
17-
}
18-
1947
/* ORCID */
2048
.fa-brands.fa-orcid {
2149
color: greenyellow;

‎css/nav.css‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -78,18 +78,11 @@ Set your website theme here.
7878
.masthead nav .theme-switch {
7979
margin-left: auto;
8080
margin-right: 1rem;
81+
margin-top: 5px;
8182
display: block;
8283
float: right;
8384
}
84-
.masthead nav .theme-switch .theme-toggle {
85-
background: none;
86-
border: none;
87-
color: var(--text-color);
88-
cursor: pointer;
89-
font-size: 1.2rem;
90-
padding: 0.5rem;
91-
}
92-
.masthead nav .theme-switch .theme-toggle .hover {
85+
.masthead nav .theme-switch .hover {
9386
opacity: 0.8;
9487
}
9588
.masthead nav .mobile-nav {
@@ -105,7 +98,7 @@ Set your website theme here.
10598
}
10699
.masthead nav .burger-nav {
107100
display: block;
108-
float: right;
101+
float: left;
109102
}
110103
.masthead nav .mobile-nav {
111104
display: none;

‎css/posts.css‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,18 +22,29 @@ Set your website theme here.
2222
--tertiary-fg: #b925b2;
2323
}
2424

25+
.post-link {
26+
text-decoration: none;
27+
display: block;
28+
transition: all 0.3s ease;
29+
}
30+
.post-link:hover .post {
31+
background-color: var(--secondary-bg);
32+
opacity: 0.8;
33+
transform: translateY(-2px);
34+
}
35+
2536
.post {
2637
width: 100%;
2738
height: 100%;
39+
padding: 1rem;
40+
border-radius: 8px;
41+
transition: all 0.3s ease;
2842
}
2943
.post .title {
3044
color: var(--secondary-fg);
3145
}
3246
.post .title h1 {
3347
margin-bottom: 5px;
34-
}
35-
.post .title h1 a {
36-
text-decoration: none;
3748
color: var(--secondary-fg);
3849
}
3950
.post .blurb {

‎css/software.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ Set your website theme here.
2525
.software {
2626
margin-top: 10px;
2727
margin-bottom: 25px;
28-
border: 2px solid var(--secondary-bg);
28+
box-shadow: 0 0 8px 4px var(--tertiary-bg);
29+
border: 2px solid var(--primary-fg);
2930
border-radius: 20px;
3031
display: block;
3132
}

‎index.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<link rel="stylesheet" href="/css/franklin.css" />
1010
<link rel="stylesheet" href="/css/icons.css" />
11-
<link rel="icon" href="/assets/rndimg.jpg" />
11+
<link rel="icon" href="/assets/avatar.svg" />
1212

1313
<!-- Font Awesome Icons -->
1414
<link
@@ -37,11 +37,9 @@
3737
<div class="author-name-nav">
3838
<li><a href="/">Brian C. Ferrari</a></li>
3939
</div>
40-
<div class="theme-switch">
41-
<button id="theme-toggle" onclick="toggleTheme()">
42-
<i class="fas fa-moon"></i>
43-
</button>
44-
</div>
40+
<a class="theme-switch" onclick="toggleTheme()">
41+
<i id="theme-icon" class="fas fa-moon"></i>
42+
</a>
4543
<a class="burger-nav" onclick="myFunction()">
4644
<i class="fa-2x fa fa-bars"></i>
4745
</a>

‎libs/buttons/theme.js‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
function toggleTheme() {
22
const html = document.documentElement;
3-
const themeToggle = document.getElementById("theme-toggle");
3+
const icon = document.getElementById("theme-icon");
44
const currentTheme = html.getAttribute("data-theme");
5-
const icon = themeToggle.querySelector("i");
65

76
if (currentTheme === "dark") {
87
html.setAttribute("data-theme", "light");
@@ -19,8 +18,7 @@ function toggleTheme() {
1918
document.addEventListener("DOMContentLoaded", () => {
2019
const savedTheme = localStorage.getItem("theme");
2120
const html = document.documentElement;
22-
const themeToggle = document.getElementById("theme-toggle");
23-
const icon = themeToggle.querySelector("i");
21+
const icon = document.getElementById("theme-icon");
2422

2523
if (savedTheme === "dark") {
2624
html.setAttribute("data-theme", "dark");

‎pages/aboutMe/index.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<link rel="stylesheet" href="/css/franklin.css" />
1010
<link rel="stylesheet" href="/css/icons.css" />
11-
<link rel="icon" href="/assets/rndimg.jpg" />
11+
<link rel="icon" href="/assets/avatar.svg" />
1212

1313
<!-- Font Awesome Icons -->
1414
<link
@@ -35,11 +35,9 @@
3535
<div class="author-name-nav">
3636
<li><a href="/">Brian C. Ferrari</a></li>
3737
</div>
38-
<div class="theme-switch">
39-
<button id="theme-toggle" onclick="toggleTheme()">
40-
<i class="fas fa-moon"></i>
41-
</button>
42-
</div>
38+
<a class="theme-switch" onclick="toggleTheme()">
39+
<i id="theme-icon" class="fas fa-moon"></i>
40+
</a>
4341
<a class="burger-nav" onclick="myFunction()">
4442
<i class="fa-2x fa fa-bars"></i>
4543
</a>

‎pages/blog/coding/cvr_example/index.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010

1111
<link rel="stylesheet" href="/css/franklin.css" />
1212
<link rel="stylesheet" href="/css/icons.css" />
13-
<link rel="icon" href="/assets/rndimg.jpg" />
13+
<link rel="icon" href="/assets/avatar.svg" />
1414

1515
<!-- Font Awesome Icons -->
1616
<link
@@ -37,11 +37,9 @@
3737
<div class="author-name-nav">
3838
<li><a href="/">Brian C. Ferrari</a></li>
3939
</div>
40-
<div class="theme-switch">
41-
<button id="theme-toggle" onclick="toggleTheme()">
42-
<i class="fas fa-moon"></i>
43-
</button>
44-
</div>
40+
<a class="theme-switch" onclick="toggleTheme()">
41+
<i id="theme-icon" class="fas fa-moon"></i>
42+
</a>
4543
<a class="burger-nav" onclick="myFunction()">
4644
<i class="fa-2x fa fa-bars"></i>
4745
</a>

‎pages/blog/index.html‎

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<link rel="stylesheet" href="/css/franklin.css" />
1010
<link rel="stylesheet" href="/css/icons.css" />
11-
<link rel="icon" href="/assets/rndimg.jpg" />
11+
<link rel="icon" href="/assets/avatar.svg" />
1212

1313
<!-- Font Awesome Icons -->
1414
<link
@@ -35,11 +35,9 @@
3535
<div class="author-name-nav">
3636
<li><a href="/">Brian C. Ferrari</a></li>
3737
</div>
38-
<div class="theme-switch">
39-
<button id="theme-toggle" onclick="toggleTheme()">
40-
<i class="fas fa-moon"></i>
41-
</button>
42-
</div>
38+
<a class="theme-switch" onclick="toggleTheme()">
39+
<i id="theme-icon" class="fas fa-moon"></i>
40+
</a>
4341
<a class="burger-nav" onclick="myFunction()">
4442
<i class="fa-2x fa fa-bars"></i>
4543
</a>
@@ -123,27 +121,27 @@ <h3>Brian C. Ferrari</h3>
123121
<!-- Content appended here -->
124122
<div class="franklin-content">
125123
<p>My blog is mostly a collection of random tutorials/guides on how to do things &#40;mostly coding based&#41;. I will also occasionally write some product reviews. </p>
126-
<div class="post">
127-
<div class="title">
128-
<h1>
129-
<a href=/pages/blog/product_reviews/climbing_shoes>Climbing Shoe Reviews</a>
130-
</h1>
131-
</div>
132-
<div class="blurb">
133-
<p>My thoughts on climbing shoes I've owned.</p>
124+
<a href="/pages/blog/product_reviews/climbing_shoes" class="post-link">
125+
<div class="post">
126+
<div class="title">
127+
<h1>Climbing Shoe Reviews</h1>
128+
</div>
129+
<div class="blurb">
130+
<p>My thoughts on climbing shoes I've owned.</p>
131+
</div>
134132
</div>
135-
</div>
133+
</a>
136134

137-
<div class="post">
138-
<div class="title">
139-
<h1>
140-
<a href=/pages/blog/coding/cvr_example>Canonical Velocity Rescaling Thermostat</a>
141-
</h1>
142-
</div>
143-
<div class="blurb">
144-
<p>A short guide on implementing the CVR thermostat in Julia.</p>
135+
<a href="/pages/blog/coding/cvr_example" class="post-link">
136+
<div class="post">
137+
<div class="title">
138+
<h1>Canonical Velocity Rescaling Thermostat</h1>
139+
</div>
140+
<div class="blurb">
141+
<p>A short guide on implementing the CVR thermostat in Julia.</p>
142+
</div>
145143
</div>
146-
</div>
144+
</a>
147145

148146
<div class="page-foot">
149147
Website built with <a href="https://franklinjl.org/">Franklin.jl</a>

0 commit comments

Comments
 (0)