Skip to content

Commit

Permalink
Use a layout for screenshots to reduce duplicate html
Browse files Browse the repository at this point in the history
  • Loading branch information
kainjow committed Nov 21, 2016
1 parent cbe8e94 commit 012685c
Show file tree
Hide file tree
Showing 6 changed files with 53 additions and 58 deletions.
33 changes: 33 additions & 0 deletions docs/_layouts/screenshot.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
---
<!DOCTYPE html>
<html>
<head>
<title>Screenshot {{ page.number }}</title>
<style>
body {
background-color: white;
text-align: center;
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size: 12pt;
margin-left: 15px;
margin-right: 15px;
}
div.text {
width: 75%;
min-width: 150px;
margin-left: auto;
margin-right: auto;
}
a.back {
color: #888;
font-size: smaller;
}
</style>
</head>
<body>
<img src="screenshot{{ page.number }}.png" alt="Screenshot">
<div class="text">{{ page.description }}</div>
<p><a href="../" class="back">Back</a></p>
</body>
</html>
15 changes: 5 additions & 10 deletions docs/screenshots/Screenshot_1.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,5 @@
<!DOCTYPE html>
<html><head>
<title>Screenshot 1</title>
<link rel="stylesheet" type="text/css" href="screenshots.css">
<body>
<img src="screenshot1.png" alt="Screenshot">
<div class="text">Hex Fiend's main document window, showing bookmarks, the data inspector, and the status bar.</div>
<p><a href="../" class="back">Back</a></p>
</body>
</html>
---
layout: screenshot
number: 1
description: "Hex Fiend's main document window, showing bookmarks, the data inspector, and the status bar."
---
15 changes: 5 additions & 10 deletions docs/screenshots/Screenshot_2.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,5 @@
<!DOCTYPE html>
<html><head>
<title>Screenshot 2</title>
<link rel="stylesheet" type="text/css" href="screenshots.css">
<body>
<img src="screenshot2.png" alt="Screenshot">
<div class="text">A document view with a minimal configuration. The line number gutter can be removed as well. The Find bar is shown on top.</div>
<p><a href="../" class="back">Back</a></p>
</body>
</html>
---
layout: screenshot
number: 2
description: "A document view with a minimal configuration. The line number gutter can be removed as well. The Find bar is shown on top."
---
15 changes: 5 additions & 10 deletions docs/screenshots/Screenshot_3.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,5 @@
<!DOCTYPE html>
<html><head>
<title>Screenshot 3</title>
<link rel="stylesheet" type="text/css" href="screenshots.css">
<body>
<img src="screenshot3.png" alt="Screenshot">
<div class="text">Hex Fiend itself can handle it, but most other applications don’t really like having terabytes of data dropped on them. Hex Fiend will try to protect you if it can. Here’s what Hex Fiend says if you try to paste a hundred or so petabytes of data into TextEdit.</div>
<p><a href="../" class="back">Back</a></p>
</body>
</html>
---
layout: screenshot
number: 3
description: "Hex Fiend itself can handle it, but most other applications don’t really like having terabytes of data dropped on them. Hex Fiend will try to protect you if it can. Here’s what Hex Fiend says if you try to paste a hundred or so petabytes of data into TextEdit."
---
15 changes: 5 additions & 10 deletions docs/screenshots/Screenshot_4.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,5 @@
<!DOCTYPE html>
<html><head>
<title>Screenshot 4</title>
<link rel="stylesheet" type="text/css" href="screenshots.css">
<body>
<img src="screenshot4.png" alt="Screenshot">
<div class="text">Hex Fiend's binary diff feature in action.</div>
<p><a href="../" class="back">Back</a></p>
</body>
</html>
---
layout: screenshot
number: 4
description: "Hex Fiend's binary diff feature in action."
---
18 changes: 0 additions & 18 deletions docs/screenshots/screenshots.css

This file was deleted.

0 comments on commit 012685c

Please sign in to comment.