summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html6
-rw-r--r--minigolf.html4
-rw-r--r--style.css12
3 files changed, 17 insertions, 5 deletions
diff --git a/index.html b/index.html
index 7eebe7c..64c74f6 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@
</div>
</div>
- <div style="background-color: #eee; padding-top: 1px; margin-top: 20px; padding-bottom: 30px;">
+ <div class="darkgroup">
<div class="container">
<div class="ctitle">Projects</div>
<ul class="nodot">
@@ -103,14 +103,14 @@
</div>
</div>
- <div style="margin-top: 20px; padding-bottom: 30px;">
+ <div class="lightgroup">
<div class="container">
<div class="ctitle">Interests</div>
<img src="https://projecteuler.net/profile/conjfrnk.png" />
</div>
</div>
- <div style="background-color: #eee; padding-top: 1px; margin-top: 20px; padding-bottom: 30px;">
+ <div class="darkgroup">
<div class="container">
<div class="ctitle">Other Stuff</div>
<ul class="nodot">
diff --git a/minigolf.html b/minigolf.html
index 697af36..b788c81 100644
--- a/minigolf.html
+++ b/minigolf.html
@@ -62,7 +62,7 @@
</div>
</div>
- <div style="background-color: #eee; padding-top: 1px; margin-top: 20px; padding-bottom: 30px;">
+ <div class="darkgroup">
<div class="container">
<div class="ctitle">Links</div>
<ul class="nodot">
@@ -74,7 +74,7 @@
</div>
</div>
- <div style="margin-top: 20px; padding-bottom: 30px;">
+ <div class="lightgroup">
<div class="container">
<div class="ctitle"><a href="index.html">Home</a></div>
</div>
diff --git a/style.css b/style.css
index 63492fe..67613e9 100644
--- a/style.css
+++ b/style.css
@@ -24,6 +24,18 @@ body {
grid-template-columns: repeat(12, 1fr);
}
+.darkgroup {
+ background-color: #eee;
+ padding-top: 1px;
+ margin-top: 20px;
+ padding-bottom: 30px;
+}
+
+.lightgroup {
+ margin-top: 20px;
+ padding-bottom: 30px;
+}
+
#dhead {
margin-top: 20px;
}