Add header image on the home page
This commit is contained in:
parent
7caf09852c
commit
0a8507401c
|
@ -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.
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
{{ partial "htmlhead" . }}
|
{{ partial "htmlhead" . }}
|
||||||
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{{ partial "navbar" .}}
|
{{ partial "navbar" .}}
|
||||||
|
|
||||||
|
|
|
@ -1,14 +1,18 @@
|
||||||
{{ 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="container">
|
||||||
<div class="card-columns">
|
<div class="card-columns">
|
||||||
{{ range .Site.Data.projects.project }}
|
{{ range .Site.Data.projects.project }}
|
||||||
{{ partial "projectCard" . }}
|
{{ partial "projectCard" . }}
|
||||||
|
|
|
@ -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
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-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 {
|
||||||
|
|
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