commit 7e23ac11443495a59769cff042d766da688861f4
parent 600d2e5f99b2708bad5a7ee18f1e7ddfa44d29e7
Author: Jonathan Lassoff <jof@thejof.com>
Date: Sun, 28 Apr 2013 23:46:28 -0700
Add a screenshots page.
Diffstat:
13 files changed, 49 insertions(+), 11 deletions(-)
diff --git a/_layouts/default.md b/_layouts/default.md
@@ -22,15 +22,12 @@
<a href="https://github.com/sup-heliotrope/sup/wiki" class="btn">Wiki</a>
<a href="https://github.com/sup-heliotrope/sup/Issues" class="btn">Issues</a>
<a href="/history/" class="btn">History</a>
+ <a href="/screenshots/" class="btn">Screenshots</a>
</section>
</div>
</header>
- <div class="container">
- <section id="main_content">
- {{ content }}
- </section>
- </div>
+ {{ content }}
</body>
diff --git a/_layouts/narrow_page.md b/_layouts/narrow_page.md
@@ -0,0 +1,6 @@
+---
+layout: default
+---
+ <section class="container narrow">
+ {{ content }}
+ </section>
diff --git a/_layouts/wide_page.md b/_layouts/wide_page.md
@@ -0,0 +1,6 @@
+---
+layout: default
+---
+ <section class="container wide">
+ {{ content }}
+ </section>
diff --git a/history/index.md b/history/index.md
@@ -1,5 +1,6 @@
---
-layout: default
+layout: narrow_page
+
---
## # History
diff --git a/images/old_screenshot_1.png b/images/old_screenshot_1.png
Binary files differ.
diff --git a/images/old_screenshot_2.png b/images/old_screenshot_2.png
Binary files differ.
diff --git a/images/old_screenshot_3.png b/images/old_screenshot_3.png
Binary files differ.
diff --git a/images/old_screenshot_4.png b/images/old_screenshot_4.png
Binary files differ.
diff --git a/images/old_screenshot_5.png b/images/old_screenshot_5.png
Binary files differ.
diff --git a/images/old_screenshot_6.png b/images/old_screenshot_6.png
Binary files differ.
diff --git a/index.md b/index.md
@@ -1,5 +1,6 @@
---
-layout: default
+layout: narrow_page
+
---
## # [sup](https://github.com/sup-heliotrope/sup/)
[Sup](https://github.com/sup-heliotrope/sup/) is a console-based email client for people with a lot of email.
@@ -19,8 +20,9 @@ If you're the type of person who treats email as an extension of your long-term
* Organize email with user-defined labels, automatically track recent contacts, and much more!
## # Sub-projects
-### sup
-sup is the original curses email client, full-text index, and hook system.
+### [sup](https://github.com/sup-heliotrope/sup)
+[sup](https://github.com/sup-heliotrope/sup) is the original curses email
+client, full-text index, and hook system.
### [Heliotrope](https://github.com/sup-heliotrope/heliotrope)
[Heliotrope](https://github.com/sup-heliotrope/heliotrope) is an architectural
diff --git a/screenshots/index.md b/screenshots/index.md
@@ -0,0 +1,16 @@
+---
+layout: wide_page
+screenshots:
+ - /images/old_screenshot_1.png
+ - /images/old_screenshot_2.png
+ - /images/old_screenshot_3.png
+ - /images/old_screenshot_4.png
+ - /images/old_screenshot_5.png
+ - /images/old_screenshot_6.png
+---
+{% for shot in page.screenshots %}
+<a href="{{shot}}">
+ <img src="{{shot}}"/>
+</a>
+{% endfor %}
+
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
@@ -12,9 +12,14 @@ body {
.container {
width: 90%;
- max-width: 600px;
margin: 0 auto;
}
+.container.narrow {
+ max-width: 700px;
+}
+.container.wide {
+ max-width: 1000px;
+}
section {
display: block;
@@ -82,7 +87,12 @@ header h2 {
-webkit-font-smoothing: antialiased;
}
section img {
- max-width: 100%
+ max-width: 100%;
+ width: 45%;
+ mid-width: 50%;
+ margin: 5px;
+ //box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+ box-shadow: 1px 1px 10px rgb(200,200,200);
}
h1, h2, h3, h4, h5, h6 {