Skip to content

Commit 8c04d6b

Browse files
emilbaehremilbaehr
committed
Added markdown styling to subpages and bottom navigation links for each page under _pages
1 parent 4148300 commit 8c04d6b

File tree

6 files changed

+179
-17
lines changed

6 files changed

+179
-17
lines changed

‎_includes/footer.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,8 @@
4040

4141
</div>
4242
<div class="footerLinks">
43-
<a href="">Privacy Policy</a>
43+
{% for page in site.pages %}
44+
<a href="{{ page.url }}" target="_self">{{ page.title }}</a>
45+
{% endfor %}
4446
</div>
4547
</footer>

‎_includes/header.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,16 @@
99
</clipPath>
1010
</defs>
1111
</svg>
12-
<img class="headerIcon" src="{{ site.app_icon }}">
12+
<a href="../" target="_self"><img class="headerIcon" src="{{ site.app_icon }}"></a>
1313
</div>
1414
<p class="headerName">{{ site.app_name }}</p>
1515
</div>
16+
</a>
1617
<nav>
1718
<ul>
1819
{% if site.presskit_download_link %}
1920
<li><a href="{{ site.presskit_download_link }}">Press Kit</a></li>
2021
{% endif %}
21-
<li><a href="../pages/changelog" target="">Changelog</a></li>
2222
</ul>
2323
</nav>
2424
</header>

‎_layouts/page.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,14 @@
44
{% include head.html %}
55

66
<body>
7-
<div class="headerBackground">
7+
<div class="headerBackground subPageHeaderBackground">
88
<div class="container">
99
{% include header.html %}
1010
<article class="page markdownStyling">
1111
{{ content }}
1212
</article>
1313
</div>
14+
{% include appstoreimages.html %}
1415
</div>
1516
</body>
1617

‎_pages/changelog.md

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,26 @@
11
---
22
layout: page
3+
title: Changelog
34
---
45

5-
# Privacy Policy
6-
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
6+
# Changelog
7+
A complete list of changes, new features and bug fixes. Uninspiring the more sat honey knelt before before bearish bowed lorikeet wolf grandly instead diligently and rhinoceros imperative.
78

8-
### Why do we use it?
9-
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
9+
## Version 1.1
10+
This is the first update to our app. Jeez **goodness** by kept more sensually a much far proper exotically precise unaccountable and and illicit hey uninspiring the more sat honey knelt before before bearish bowed lorikeet wolf grandly instead diligently and rhinoceros imperative.
1011

12+
### What's New
13+
Much far proper exotically precise unaccountable
1114

12-
### Where does it come from?
13-
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
15+
### Bug Fixes
16+
- Improved user sign up experience.
17+
- Unlike deliberately zebra hen oh jeez understandable. Alas and quit oh snooty unlike deliberately.
1418

15-
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
1619

17-
### Where can I get some?
18-
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
20+
## Version 1.0
21+
Scandalously much alas and quit oh snooty unlike deliberately zebra hen oh jeez understandable alas alas that gosh assiduous dear some this
22+
23+
### What's New
24+
- Initial release
25+
26+
[I'm an inline-style link](https://www.google.com)

‎_pages/privacypolicy.md

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,28 @@
11
---
22
layout: page
3+
title: Privacy Policy
34
---
45

6+
**Last updated**
7+
August 15 2019
8+
59
# Privacy Policy
610
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
711

8-
### Why do we use it?
9-
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
12+
## 1.0 Why do we use it?
13+
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
14+
15+
### 1.1
16+
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.
1017

18+
#### 1.1.1
19+
Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
1120

12-
### Where does it come from?
21+
## 2.0 Where does it come from?
1322
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
1423

24+
### 2.1
1525
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
1626

17-
### Where can I get some?
27+
## 3.0 Where can I get some?
1828
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

‎_sass/layout.scss

Lines changed: 141 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,10 @@
2020
background-color: rgba($header-color, $header-transparency);
2121
}
2222

23+
.subPageHeaderBackground {
24+
background-color: #fff;
25+
}
26+
2327
.container { // Set up the container for the site content
2428
display: grid;
2529
margin: auto;
@@ -36,6 +40,10 @@
3640
"f f f f f f f f f f f f";
3741
}
3842

43+
.page {
44+
grid-column: 3/11;
45+
}
46+
3947
@media only screen and (max-width: 1070px) {
4048

4149
.container { // Set up the container for the site content
@@ -124,7 +132,20 @@ nav > ul li a:active {
124132
color: rgba($header-title-color, 1);
125133
}
126134

135+
// Sub Page Header Styling
136+
.subPageHeaderBackground .logo > p {
137+
color: #000;
138+
}
139+
140+
.subPageHeaderBackground nav > ul li a:link,
141+
.subPageHeaderBackground nav > ul li a:visited {
142+
color: rgba(#000, 0.6);
143+
}
127144

145+
.subPageHeaderBackground nav > ul li a:hover,
146+
.subPageHeaderBackground nav > ul li a:active {
147+
color: rgba(#000, 1);
148+
}
128149

129150
// App Title, Price, Description and Links
130151

@@ -480,6 +501,24 @@ footer {
480501
display: flex;
481502
}
482503

504+
.footerLinks {
505+
color: $footer-text-color;
506+
display: block;
507+
line-height: 1.5;
508+
width: 100%;
509+
text-align: center;
510+
padding-top: 0px;
511+
padding-bottom: 70px;
512+
}
513+
514+
.footerLinks a {
515+
margin-right: 30px;
516+
}
517+
518+
.footerLinks a:last-child {
519+
margin-right: 0px;
520+
}
521+
483522
@media only screen and (max-width: 992px) {
484523

485524
.footerText {
@@ -501,4 +540,106 @@ footer {
501540

502541
.hidden {
503542
display: none;
543+
}
544+
545+
/* Markdown Styling */
546+
.markdownStyling {
547+
margin-top: 30px;
548+
margin-bottom: 30px;
549+
}
550+
551+
.markdownStyling > *:first-child {
552+
margin-top: 0 !important;
553+
}
554+
555+
.markdownStyling > *:last-child {
556+
margin-bottom: 0 !important;
557+
}
558+
559+
.markdownStyling strong {
560+
color: rgba(#000, 1)
561+
}
562+
563+
.markdownStyling p {
564+
line-height: 150%;
565+
padding-bottom: 40px;
566+
color: rgba(#000, 0.6)
567+
}
568+
569+
.markdownStyling p:last-child {
570+
padding-bottom: 0px;
571+
}
572+
573+
.markdownStyling h1 {
574+
padding-top: 0px;
575+
padding-bottom: 20px;
576+
font-size: 4rem;
577+
}
578+
579+
.markdownStyling h2 {
580+
padding-top: 30px;
581+
padding-bottom: 10px;
582+
font-size: 2.5rem;
583+
}
584+
585+
.markdownStyling h3 {
586+
padding-top: 0px;
587+
padding-bottom: 10px;
588+
font-size: 1.8rem;
589+
}
590+
591+
.markdownStyling h4 {
592+
padding-top: 0px;
593+
padding-bottom: 8px;
594+
font-size: 1.5rem;
595+
font-weight: bold;
596+
}
597+
598+
.markdownStyling h5 {
599+
font-size: 1.2rem;
600+
font-weight: bold;
601+
}
602+
603+
.markdownStyling p {
604+
font-size: 1.8rem;
605+
}
606+
607+
.markdownStyling ul {
608+
line-height: 150%;
609+
padding-left: 20px;
610+
color: rgba(#000, 0.6);
611+
margin-bottom: 40px;
612+
}
613+
614+
.markdownStyling ol {
615+
font-size: 1.8rem;
616+
line-height: 150%;
617+
padding-left: 30px;
618+
color: rgba(#000, 0.6);
619+
margin-bottom: 40px;
620+
}
621+
622+
.markdownStyling li {
623+
font-size: 1.8rem;
624+
line-height: 150%;
625+
}
626+
627+
.markdownStyling ul li {
628+
padding-left: 0px;
629+
margin-left: 30px;
630+
margin-top: 10px;
631+
}
632+
633+
.markdownStyling ul li:first-child {
634+
margin-top: 0px;
635+
}
636+
637+
.markdownStyling ul li:before{
638+
padding-right: 10px;
639+
}
640+
641+
.markdownStyling li:last-child {
642+
line-height: 150%;
643+
margin-bottom: 0 !important;
644+
padding-bottom: 0 !important;
504645
}

0 commit comments

Comments
 (0)