Add header image on the home page
This commit is contained in:
parent
7caf09852c
commit
0a8507401c
|
@ -8,4 +8,4 @@ draft = false
|
|||
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.
|
||||
|
|
|
@ -1,4 +1,6 @@
|
|||
{{ partial "htmlhead" . }}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ partial "navbar" .}}
|
||||
|
||||
|
|
|
@ -1,19 +1,23 @@
|
|||
{{ partial "htmlhead" . }}
|
||||
<link href="/css/index.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ partial "navbar" . }}
|
||||
|
||||
<div class="container">
|
||||
<div class="jumbotron">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
<div id="header" class="text-center">
|
||||
<div id="headerContent" class="container">
|
||||
<h1 id="title" class="display-4 font-weight-normal">{{ .Title }}</h1>
|
||||
<div class="lead"> {{ .Content }} </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-columns">
|
||||
{{ range .Site.Data.projects.project }}
|
||||
{{ partial "projectCard" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="card-columns">
|
||||
{{ range .Site.Data.projects.project }}
|
||||
{{ partial "projectCard" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
|
|
@ -39,4 +39,3 @@
|
|||
<script src="/js/main.js"></script>
|
||||
|
||||
{{ template "_internal/google_analytics_async.html" . }}
|
||||
</head>
|
||||
|
|
26
static/css/index.css
Normal file
26
static/css/index.css
Normal 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;
|
||||
}
|
|
@ -2,6 +2,7 @@
|
|||
--main-color: #3f51b5; /* R:63, G:82, B:181 */
|
||||
--main-dark-color: #002984;
|
||||
--main-light-color: #757de8;
|
||||
--accent-color: #FFC107;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
1
static/img/trianglify.svg
Normal file
1
static/img/trianglify.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 98 KiB |
Loading…
Reference in a new issue