Add header image on the home page

This commit is contained in:
NeilBrommer 2018-06-11 21:42:16 -07:00
parent 7caf09852c
commit 0a8507401c
7 changed files with 44 additions and 11 deletions

View file

@ -8,4 +8,4 @@ draft = false
weight = -100 weight = -100
+++ +++
Computer Science student at [Eastern Washington University](https://www.ewu.edu/), graduating in spring 2018. Computer Science student at <a href="https://www.ewu.edu/" target="_blank">Eastern Washington University</a>, graduating in spring 2018.

View file

@ -1,4 +1,6 @@
{{ partial "htmlhead" . }} {{ partial "htmlhead" . }}
</head>
<body> <body>
{{ partial "navbar" .}} {{ partial "navbar" .}}

View file

@ -1,19 +1,23 @@
{{ partial "htmlhead" . }} {{ partial "htmlhead" . }}
<link href="/css/index.css" rel="stylesheet">
</head>
<body> <body>
{{ partial "navbar" . }} {{ partial "navbar" . }}
<div class="container"> <div id="header" class="text-center">
<div class="jumbotron"> <div id="headerContent" class="container">
<h1>{{ .Title }}</h1> <h1 id="title" class="display-4 font-weight-normal">{{ .Title }}</h1>
{{ .Content }} <div class="lead"> {{ .Content }} </div>
</div> </div>
</div>
<div class="card-columns"> <div class="container">
{{ range .Site.Data.projects.project }} <div class="card-columns">
{{ partial "projectCard" . }} {{ range .Site.Data.projects.project }}
{{ end }} {{ partial "projectCard" . }}
</div> {{ end }}
</div>
</div> </div>
</body> </body>

View file

@ -39,4 +39,3 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
{{ template "_internal/google_analytics_async.html" . }} {{ template "_internal/google_analytics_async.html" . }}
</head>

26
static/css/index.css Normal file
View file

@ -0,0 +1,26 @@
body {
padding-top: 0px;
}
#header {
padding: 10vw 2rem;
margin-bottom: 2rem;
color: white;
text-shadow: 1px 1px 2px gray;
box-shadow: 0 1px 3px rgba(0,0,0,0.16), 0 1px 3px rgba(0,0,0,0.23);
background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/img/trianglify.svg');
}
#headerContent {
padding-top: 70px; /* account for nav bar */
}
#header a {
color: #a10022 !important;
}
#title {
margin-bottom: 2rem;
}

View file

@ -2,6 +2,7 @@
--main-color: #3f51b5; /* R:63, G:82, B:181 */ --main-color: #3f51b5; /* R:63, G:82, B:181 */
--main-dark-color: #002984; --main-dark-color: #002984;
--main-light-color: #757de8; --main-light-color: #757de8;
--accent-color: #FFC107;
} }
body { body {

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 98 KiB