Skip to content

Commit 2db3252

Browse files
timecomplexitytimecomplexity
committed
Updated some styling
1 parent 95b6b87 commit 2db3252

File tree

3 files changed

+86
-58
lines changed

3 files changed

+86
-58
lines changed

‎main.go

+1
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ func main() {
1414
// Register and handle home
1515
r := routes.Routes()
1616

17+
// Print out something to the screen so we know that the server is starting
1718
fmt.Println("Starting Server...")
1819

1920
// Connect to database and serve project

‎public/css/base.css

+35-11
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,22 @@ a {
66

77
a:hover {
88
text-decoration: none;
9-
color: rgb(105, 101, 37);
9+
color: rgb(60, 100, 120);
1010
}
1111

1212
.banner {
13-
background-color: rgb(168, 187, 185);
14-
padding-top: 15px;
15-
padding-bottom: 15px;
13+
background-color: rgb(62, 96, 111);
14+
background-image: url('');
15+
background-attachment: fixed;
16+
background-position: center;
17+
background-size: cover;
18+
color: white;
19+
padding-bottom: 100px;
20+
}
21+
22+
.banner #title, .banner #title a {
23+
font-size: 64pt;
24+
color: white;
1625
}
1726

1827

@@ -22,11 +31,7 @@ a:hover {
2231
}
2332

2433
body {
25-
font-family: 'Arvo', serif;
26-
}
27-
28-
.jumbotron {
29-
background-color: slategray;
34+
font-family: 'Fira Sans', sans-serif;
3035
}
3136

3237
footer {
@@ -44,24 +49,43 @@ h1, h2, h3 {
4449
font-family: 'Abel', serif;
4550
}
4651

52+
/*
4753
nav {
4854
background-color: rgb(44, 93, 97);
4955
padding: 25px;
5056
}
57+
*/
58+
59+
.nav-link {
60+
text-transform: uppercase;
61+
}
5162

5263
.social, .social h2 {
5364
width: 100%;
5465
text-align: center;
66+
padding-bottom: 2rem;
67+
padding-top: 2rem;
5568
}
5669

5770
.social i {
58-
padding: 5rem;
71+
padding: 0, 5rem, 0, 5rem;
5972
}
6073

6174
.social a {
6275
color: black;
6376
}
6477

6578
.social a:hover {
66-
color: inherit;
79+
color: rgb(60, 100, 120);
80+
}
81+
82+
83+
/* MOBILE STYLES */
84+
85+
86+
@media only screen and (max-width: 768px) {
87+
.banner #title, .banner #title a {
88+
font-size: 42pt;
89+
color: black;
90+
}
6791
}

‎templates/index.gohtml

+50-47
Original file line numberDiff line numberDiff line change
@@ -2,71 +2,74 @@
22
<html>
33
<head>
44
<title>Blast Beats and Code - Developer Blog</title>
5+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
6+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
7+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
8+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
59
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
6-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
710
<link rel="stylesheet" type="text/css" href="/public/css/base.css">
8-
<link href="https://fonts.googleapis.com/css?family=Abel|Arvo" rel="stylesheet">
9-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
11+
<link href="https://fonts.googleapis.com/css?family=Fira+Sans|Abel|Arvo" rel="stylesheet">
1012
</head>
1113
<body>
1214

15+
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
16+
<div class="container">
17+
<!-- Brand -->
18+
<a class="navbar-brand" href="#">blastBeats&Code</a>
19+
20+
<!-- Toggler/collapsibe Button -->
21+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
22+
<span class="navbar-toggler-icon"></span>
23+
</button>
24+
25+
<!-- Navbar links -->
26+
<div class="collapse navbar-collapse" id="collapsibleNavbar">
27+
<ul class="navbar-nav ml-auto">
28+
<li class="nav-item">
29+
<a class="nav-link" href="#">Home</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link" href="#">Blog</a>
33+
</li>
34+
<li class="nav-item">
35+
<a class="nav-link" href="#">Projects</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="nav-link" href="#">Contact</a>
39+
</li>
40+
</ul>
41+
</div>
42+
</div>
43+
</nav>
44+
45+
1346
<div class="banner">
1447
<div class="container">
1548
<a href="/">
16-
<h1>Blast Beats and Code // Home</h1>
49+
<span id="title">Blast Beats and Code</span>
1750
</a>
1851

1952
<p>The strange endeavors of a nerdy developer who also likes really bad music.</p>
2053
</div>
2154
</div>
2255

23-
<nav class="navbar navbar-expand-lg navbar-light">
24-
<div class="container">
25-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
26-
<span class="navbar-toggler-icon"></span>
27-
</button>
28-
29-
<div class="collapse navbar-collapse" id="navbarSupportedContent">
30-
<ul class="navbar-nav mr-auto">
31-
<li class="nav-item">
32-
<a class="nav-link" href="#">Home</a>
33-
</li>
34-
<li class="nav-item">
35-
<a class="nav-link" href="#">Blog</a>
36-
</li>
37-
<li class="nav-item dropdown">
38-
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
39-
Projects
40-
</a>
41-
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
42-
<a class="dropdown-item" href="#">Action</a>
43-
<a class="dropdown-item" href="#">Another action</a>
44-
<div class="dropdown-divider"></div>
45-
<a class="dropdown-item" href="#">Something else here</a>
46-
</div>
47-
</li>
48-
<li class="nav-item">
49-
<a class="nav-link" href="#">Contact</a>
50-
</li>
51-
</ul>
52-
<form class="form-inline my-2 my-lg-0">
53-
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
54-
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
55-
</form>
56-
</div>
57-
</div>
58-
</nav>
5956

6057
<content>
58+
<div class="container">
59+
<br />
60+
<h1>This website is being built</h1>
61+
<p>But I'm keeping it <a href="https://github.com/blastbeatsandcode/blastbeatsandcode-website">open source</a>!</p><br /><br /><br /><br />
62+
</div>
63+
<div class="social">
6164
<div class="container">
62-
<h2>Connect</h2>
63-
<p class="social">
64-
<a href="https://github.com/blastbeatsandcode" target="_blank"><i class="fab fa-github fa-7x"></i></a>
65-
<a href="https://twitter.com/blastbeatsncode" target="_blank"><i class="fab fa-twitter fa-7x"></i></a>
66-
<a href="https://www.discogs.com/user/blastbeatsandcode" target="_blank"><i class="fas fa-compact-disc fa-7x"></i></a>
67-
<a href="#"><i class="fab fa-steam fa-7x"></i></a>
68-
</p>
65+
<div class="row">
66+
<div class="col-sm-3 my-auto"><h1>Connect</h1></div>
67+
<div class="col-sm-3 my-auto"><a href="https://github.com/blastbeatsandcode" target="_blank"><i class="fab fa-github fa-5x"></i></a></div>
68+
<div class="col-sm-3 my-auto"><a href="https://twitter.com/blastbeatsncode" target="_blank"><i class="fab fa-twitter fa-5x"></i></a></div>
69+
<div class="col-sm-3 my-auto"><a href="https://www.discogs.com/user/blastbeatsandcode" target="_blank"><i class="fas fa-compact-disc fa-5x"></i></a></div>
70+
</div>
6971
</div>
72+
</div>
7073
</content>
7174

7275
<footer>

0 commit comments

Comments
 (0)