Download page

cornae · cornae · commit 189f4f9cbe93 · 2021-02-10T18:17:51.000+01:00
diff --git a/.jekyll-metadata b/.jekyll-metadata
diff --git a/_data/patterns b/_data/patterns
@@ -1 +1 @@
-Subproject commit ff7704ba6bf9ba0547f16338c23209bf7dd212ed
+Subproject commit d65f84c582e32f6fe1eb20c44f6466ce5331df95
diff --git a/_layouts/landing-download.html b/_layouts/landing-download.html
@@ -1,5 +1,34 @@
 ---
-layout: landing
+layout: generic
 ---
 
-{{ content }}
+<div class="swim-lane type-intro">
+	<div class="pat-container">
+		<div 
+			class="pat-rich long-read">
+			<h1>{{ page.title }}</h1>
+			{% unless page.summary == nil %}
+				<p class="summary">
+					{{ page.summary }}
+				</p>
+			{% endunless %}
+		</div>
+		<div 
+			class="download-block">
+			<p 
+				class="button-bar download-bar">
+				<a 
+					class="pat-button cta"
+					href="https://github.com/Patternslib/Patterns/archive/2.1.2.zip">Download v2.1.2 (latest)</a>
+			</p>
+			<p
+				class="download-byline pat-rich">
+				Look for <a href="/alternate-releases">alternate releases</a>.
+			</p>
+		</div>
+		<div 
+			class="pat-rich long-read">
+			{{ content }}
+		</div>
+	</div>
+</div>
diff --git a/_sass/_settings.scss b/_sass/_settings.scss
@@ -43,6 +43,7 @@ $osc-width: 500px;
 @import "components/body";
 @import "components/button";
 @import "components/canvas-toolbar";
+@import "components/download-block";
 @import "components/global-nav";
 @import "components/link-list";
 @import "components/main";
diff --git a/_sass/components/_download-block.scss b/_sass/components/_download-block.scss
@@ -0,0 +1,27 @@
+@charset "UTF-8";
+
+.download-block {
+
+	p {
+		margin-bottom: 40px;
+		text-align: center;
+
+		a {
+			color: white;
+		}
+	}
+
+	.button-bar {
+
+		.pat-button {
+			font-size: 50px;
+			line-height: 50px;
+			padding: 10px 40px;
+			background-color: rgba(black, 0.3);
+
+			&:hover {
+				background-color: rgba(black, 0.4);
+			}
+		}
+	}
+}
diff --git a/_sass/components/_osc.scss b/_sass/components/_osc.scss
@@ -28,6 +28,10 @@
 				opacity: 0;
 				height: 0;
 			}
+
+			@media screen and (max-height: 710px) {
+				display: none;
+			}
 		}
 
 		p {
diff --git a/_sass/libraries/patterns b/_sass/libraries/patterns
@@ -1 +1 @@
-Subproject commit 84d7a2604a01277b07583291a20f5c7d5cfc9e1a
+Subproject commit 9f4631201a8733350a4eb505647f37d1c18068ab
diff --git a/code b/code
@@ -1 +1 @@
-Subproject commit 971199eb8bffd3fc041c8b66d6ddfebdd8b70f6e
+Subproject commit 35eda23085b122143541f107c9c3fcd1e190b262
diff --git a/content/_download/index.md b/content/_download/index.md
@@ -1,6 +1,16 @@
 ---
 layout: landing-download
 title: Download
-summary: 
+summary: Start using the Patterns library in your own project in minutes time. 
 ---
 
+1. Download the latest Patterns library above.
+2. Place the downloaded folder in your project.
+3. Put the follwing line in the head of your main HTML page. 
+
+<pre class="pat-syntax-highlight">
+&lt;script src="your-patterns-folder/patterns.js" type="text/javascript"&gt;&lt;/script&gt;
+</pre>
+
+Happy creating!
+

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,10 @@`
`28`	`28`	`opacity: 0;`
`29`	`29`	`height: 0;`
`30`	`30`	`}`
	`31`	`+`
	`32`	`+ @media screen and (max-height: 710px) {`
	`33`	`+ display: none;`
	`34`	`+ }`
`31`	`35`	`}`
`32`	`36`
`33`	`37`	`p {`