Alter banner colours
This commit is contained in:
parent
867dfab93b
commit
80a2b489f1
|
@ -5,4 +5,5 @@ defaults:
|
||||||
values:
|
values:
|
||||||
layout: page
|
layout: page
|
||||||
|
|
||||||
title: Syndicate
|
title: "syn·di·cate"
|
||||||
|
subtitle: "a language for interactive programs"
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
<!-- -*- html -*- -->
|
||||||
|
<div class="pagebanner">
|
||||||
|
<h1>{{ site.title }}</h1>
|
||||||
|
<h2>{{ site.subtitle }}</h2>
|
||||||
|
</div>
|
20
index.md
20
index.md
|
@ -6,18 +6,14 @@ link:
|
||||||
ghrepo: 'https://github.com/tonyg/syndicate'
|
ghrepo: 'https://github.com/tonyg/syndicate'
|
||||||
---
|
---
|
||||||
|
|
||||||
> # syn·di·cate
|
**noun**
|
||||||
>
|
/ˈsindikit/
|
||||||
> ## a language for interactive programs
|
|
||||||
>
|
1. a self-organizing group of individuals, companies, corporations or
|
||||||
> **noun**
|
entities formed to transact some specific business, to pursue or
|
||||||
> /ˈsindikit/
|
promote a shared interest. <small>—[Wikipedia](https://en.wikipedia.org/wiki/Syndicate)</small>
|
||||||
>
|
|
||||||
> 1. a self-organizing group of individuals, companies, corporations or
|
<div class="linkbuttons"><a href="{{ page.link.ghrepo }}"><img alt="Link to Syndicate github repo" src="{{ site.baseurl }}/img/GitHub-Mark-64px.png"></a></div>
|
||||||
> entities formed to transact some specific business, to pursue or
|
|
||||||
> promote a shared interest. <small>—[Wikipedia](https://en.wikipedia.org/wiki/Syndicate)</small>
|
|
||||||
>
|
|
||||||
> <div class="linkbuttons"><a href="{{ page.link.ghrepo }}"><img alt="Link to Syndicate github repo" src="{{ site.baseurl }}/img/GitHub-Mark-64px.png"></a></div>
|
|
||||||
|
|
||||||
# Motivation
|
# Motivation
|
||||||
|
|
||||||
|
|
66
style.css
66
style.css
|
@ -323,38 +323,58 @@ strong {
|
||||||
|
|
||||||
/*---------------------------------------------------------------------------*/
|
/*---------------------------------------------------------------------------*/
|
||||||
|
|
||||||
#page.frontpage blockquote h1,
|
.pagebanner h1,
|
||||||
#page.frontpage blockquote h2 {
|
.pagebanner h2 {
|
||||||
text-align: center;
|
margin: 0;
|
||||||
margin-left: auto;
|
padding-top: 0.5rem;
|
||||||
margin-right: auto;
|
padding-bottom: 1rem;
|
||||||
color: {{ page.heroheadercolor }};
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page.frontpage blockquote h1 {
|
.pagebanner h1 {
|
||||||
font-size: 5.6em;
|
text-align: right;
|
||||||
margin-top: 0;
|
|
||||||
padding-top: 0.2em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#page.frontpage blockquote h2 {
|
.pagebanner h2 {
|
||||||
font-size: 2.1em;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page.frontpage blockquote {
|
.pagebanner {
|
||||||
/* width: 75%; */
|
|
||||||
margin: 0 -2em;
|
margin: 0 -2em;
|
||||||
background: {{ page.herobackground }};
|
background-color: {{ page.heroheadercolor }};
|
||||||
color: {{ page.herotextcolor }};
|
padding: 0em 1em;
|
||||||
padding: 1em 2em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#page.frontpage .pagebanner h1,
|
||||||
|
#page.frontpage .pagebanner h2 {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page.frontpage .pagebanner h1 {
|
||||||
|
font-size: 5.6em;
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page.frontpage .pagebanner h2 {
|
||||||
|
font-size: 2.1em;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page.frontpage .pagebanner {
|
||||||
|
margin: 0 -2em;
|
||||||
|
background-color: {{ page.heroheadercolor }};
|
||||||
|
padding: 0em 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*---------------------------------------------------------------------------*/
|
||||||
|
|
||||||
div.linkbuttons {
|
div.linkbuttons {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*---------------------------------------------------------------------------*/
|
/*---------------------------------------------------------------------------*/
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
@ -372,7 +392,15 @@ div.linkbuttons {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page.frontpage blockquote h1 {
|
.pagebanner {
|
||||||
|
margin: 0 -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page.frontpage .pagebanner h1 {
|
||||||
font-size: 17vw;
|
font-size: 17vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#page.frontpage .pagebanner {
|
||||||
|
margin: 0 -0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue