Skip to content

Commit 0d8fac2

Browse files
committed
Revise book page
1 parent 7f795bf commit 0d8fac2

File tree

8 files changed

+64
-60
lines changed

8 files changed

+64
-60
lines changed

_includes/mailing-list.html

+6-10
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,13 @@
11
<div class="card bg-light mb-3" style="max-width: 100%; margin-top: 50px;">
22
<div class="row no-gutters">
3-
<div class="col-md-4">
4-
<a href="https://gum.co/markdownguide"><img src="/assets/images/book-cover.jpg" class="card-img" alt="Markdown Guide book cover"></a>
3+
<div class="col-md-3">
4+
<a href="/book/"><img src="/assets/images/book-cover.jpg" class="card-img" alt="Markdown Guide book cover"></a>
55
</div>
6-
<div class="col-md-8">
6+
<div class="col-md-9">
77
<div class="card-body" style="padding-left: 6%;">
8-
<h4 class="card-title no-anchor" data-toc-skip>Get the <em>Markdown Guide</em> book</h4>
9-
<p class="card-text">Learn Markdown in 60 pages. The <em>Markdown Guide</em> includes everything you need to get started and master Markdown syntax.</p>
10-
<p class="card-text">✔️ Professional quality PDF, MOBI, and EPUB files (DRM-free)</p>
11-
<p class="card-text">✔️ Unlimited free lifetime updates</p>
12-
<p class="card-text">✔️ 100% satisfaction guaranteed</p>
13-
<a class="btn btn-success" style="margin-top: 5px; margin-right: 15px" href="https://gum.co/markdownguide">Buy now for $9.99</a>
14-
<a class="btn btn-outline-secondary" style="margin-top: 5px" href="/assets/markdown-guide-sample.pdf">Read free sample</a>
8+
<h5 class="card-title no-anchor" data-toc-skip>Take your Markdown skills to the next level.</h5>
9+
<p class="card-text">Learn Markdown in 60 pages. Designed for both novices and experts, <em>The Markdown Guide</em> book is a comprehensive reference that includes everything you need to get started and master Markdown syntax.</p>
10+
<a class="btn btn-success" style="margin-top: 5px; margin-right: 15px" href="/book/">Get Book Now</a>
1511
</div>
1612
</div>
1713
</div>

_includes/nav.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<a class="nav-item nav-link {% if page.title == 'Basic Syntax' %}active{% endif %}" href="/basic-syntax/">Basic Syntax</a>
1515
<a class="nav-item nav-link {% if page.title == 'Extended Syntax' %}active{% endif %}" href="/extended-syntax/">Extended Syntax</a>
1616
<a class="nav-item nav-link {% if page.url contains 'tools' %}active{% endif %}" href="/tools/">Tools</a>
17-
<a class="nav-item nav-link {% if page.title == 'Get the Book' %}active{% endif %}" href="/book/">Book</a>
17+
<a class="nav-item nav-link {% if page.title == 'The Markdown Guide Book' %}active{% endif %}" href="/book/">Book</a>
1818
</div>
1919
</div>
2020
<form class="form-inline d-none d-lg-inline-block mt-2 mt-md-0">

_layouts/book.html

-6
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,6 @@
44
<body data-spy="scroll" data-target="#toc" data-offset="70">
55
{% include nav.html %}
66
<!-- Main jumbotron for a primary marketing message or call to action -->
7-
<div class="jumbotron">
8-
<div class="container">
9-
<h1 class="no-anchor" data-toc-skip>{{ page.title }}</h1>
10-
<p>{{ page.description }}</p>
11-
</div>
12-
</div>
137
<div class="container" style="padding-top: 30px">
148
{{ content }}
159
</div>

assets/images/book-page-1.png

148 KB
Loading

assets/images/book-page-2.png

103 KB
Loading

assets/images/mattcone.jpg

415 KB
Loading

book.md

+54-40
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,76 @@
11
---
22
layout: book
3-
title: Get the Book
4-
description: Everything you need to know about Markdown in 60 pages.
3+
title: The Markdown Guide Book
54
---
65

7-
<div class="row" style="padding-bottom: 30px">
8-
<div class="col-sm-5" style="margin-top: 5px"><a href="https://gum.co/markdownguide"><img src="/assets/images/book-cover.jpg" style="width: 95%" alt="The Markdown Guide book cover"></a></div>
6+
<div class="row" style="padding-top: 15px; padding-bottom: 30px">
97
<div class="col-sm-7">
10-
<p class="lead">Take your Markdown skills to the next level with the <em>Markdown Guide</em> book. It includes information on getting started, choosing a Markdown application, using basic and extended syntax, and much more. Learn everything you need to know about Markdown in 60 pages.</p>
8+
<h1 class="no-anchor" style="margin-top: 15px;">The Markdown Guide</h1>
9+
<p class="lead" style="font-size:24px; color:#808080; padding-bottom:10px;">By Matt Cone</p>
10+
<p class="lead" style="padding-bottom: 5px;">Learn Markdown in 60 pages. <em>The Markdown Guide</em> book includes everything you need to get started and master Markdown syntax.</p>
1111

12-
<h3 class="no-anchor" style="padding-top: 30px">Buy It For $9.99</h3>
12+
<p class="lead">✔️ &nbsp; Professional quality PDF, MOBI, and EPUB files (DRM-free)</p>
13+
<p class="lead">✔️ &nbsp; Unlimited free lifetime updates</p>
14+
<p class="lead">✔️ &nbsp; 100% satisfaction guaranteed</p>
1315

14-
<p class="lead" style="padding-bottom: 10px">You'll get the book in PDF, EPUB, and MOBI format. Free lifetime updates are included so you can keep abreast of new developments. </p>
15-
16-
<div class="row" style="margin-top:15px; margin-bottom:25px">
16+
<div class="row" style="padding-top:10px; margin-bottom:55px">
1717
<div class="col-sm-12">
18-
<a class="btn btn-success btn-lg" style="margin-right: 20px; margin-top: 5px" href="https://gum.co/markdownguide">Buy now for $9.99</a>
18+
<a class="btn btn-success btn-lg" style="margin-right: 20px; margin-top: 5px" href="https://gum.co/markdownguide?wanted=true">Buy now for $9.99</a>
19+
<a class="btn btn-outline-secondary btn-lg" style="margin-top: 5px" href="/assets/markdown-guide-sample.pdf">Read free sample</a>
1920
</div>
2021
</div>
2122

22-
<p class="lead">The <em>Markdown Guide</em> is also available from <a href="https://leanpub.com/themarkdownguide">Leanpub</a> and <a href="https://www.amazon.com/dp/B07G7JB641">Amazon</a>.</p>
23-
24-
<h3 class="no-anchor" style="padding-top: 30px">100% Satisfaction Guaranteed</h3>
25-
26-
<p class="lead">If you're not completely satisfied, I'll refund your money, no questions asked.</p>
23+
<p class="lead" style="padding-top:0px;"><em>The Markdown Guide</em> is also available on <a href="https://leanpub.com/themarkdownguide">Leanpub</a> and <a href="https://www.amazon.com/dp/B07G7JB641">Amazon</a>.</p>
2724
</div>
25+
<div class="col-sm-5"><a href="https://gum.co/markdownguide?wanted=true"><img src="/assets/images/book-cover.jpg" class="img-fluid" style="width: 100%" alt="The Markdown Guide book cover"></a></div>
2826
</div>
2927

30-
<h3 class="no-anchor">You Need to Learn Markdown</h3>
31-
32-
<p class="lead">I'm a technical writer, and I've used a lot of writing tools over the course of my professional career. One of the most interesting tools I've encountered is Markdown.</p>
33-
34-
<p class="lead">I've been using Markdown for years now and I recommend it to everyone I know. There are lots of reasons why you should learn to write using Markdown, but one of the best reasons is that it's better than the alternatives.</p>
35-
36-
<p class="lead" style="padding-bottom: 10px">Learning Markdown means you can stop using all the subpar writing tools you've tolerated for years. <strong style="font-weight: 600">It can also further your career.</strong> Believe it or not, knowing how to write using Markdown is a requirement for many jobs.</p>
37-
38-
<h3 class="no-anchor">Markdown is Everywhere</h3>
39-
40-
<p class="lead">My litmus test for a successful writing tool is whether using it can become second nature. Does writing with it feel natural? Or do I feel like I'm constantly fighting against it? I stop using tools that hinder me. Time is valuable, and I don't have the luxury of indulging things that squander that precious resource.</p>
41-
42-
<p class="lead">Markdown passes the test with flying colors. Writing using Markdown just <em>feels right</em>. Since its introduction in 2004, millions of people have starting using it to write everything from notes to documents. <strong style="font-weight: 600">It's one of the most successful markup languages of all time.</strong></p>
43-
44-
<p class="lead" style="padding-bottom: 10px">Markdown has succeeded where other markup languages have failed because it strikes the right balance between power and simplicity. It's easy to learn and simple to use. Its tremendous success means it's ubiquitous enough to replace WYSIWYG editors on websites like Reddit and GitHub. But Markdown is also powerful enough to create documents, books, and technical documentation. Markdown is literally everywhere.</p>
45-
46-
<h3 class="no-anchor">Get Going Fast</h3>
28+
<hr style="margin-top:40px; margin-bottom:40px;">
4729

48-
<p class="lead">So you want to learn to write using Markdown. Great! Now what?</p>
30+
<h2 class="no-anchor text-center">Take your Markdown skills to the next level.</h2>
31+
<p class="lead text-center" style="padding-bottom:20px;">Learn the power of Markdown and take full control of the syntax.</p>
4932

50-
<p class="lead">I was in your shoes once, too. I wanted to learn Markdown, but I couldn't find any good resources for beginners. That's why I decided to create the <em>Markdown Guide</em>. It's designed to be a comprehensive reference guide to the Markdown markup language.</p>
33+
<div class="container">
34+
<div class="row">
35+
<div class="col-sm text-center">
36+
<p style="font-size:50px">📚</p>
37+
<p class="lead" style="margin-top:-10px">See how Markdown works and dive in using an online editor.</p>
38+
</div>
39+
<div class="col-sm text-center">
40+
<p style="font-size:50px">📝</p>
41+
<p class="lead" style="margin-top:-10px">Practice using basic and extended Markdown syntax elements.</p>
42+
</div>
43+
<div class="col-sm text-center">
44+
<p style="font-size:50px">💪</p>
45+
<p class="lead" style="margin-top:-10px">Learn how to use Markdown for just about everything.</p>
46+
</div>
47+
</div>
48+
</div>
5149

52-
<p class="lead" style="padding-bottom: 10px">The <em>Markdown Guide</em> contains all of the content on this website, but it's been updated and expanded to include more examples. And it's not finished yet! Like the website, the book will continue to be updated on a regular basis with new sections and chapters.</p>
50+
<h2 class="no-anchor text-center" style="padding-top:80px;">What's inside.</h2>
51+
<p class="lead text-center" style="padding-bottom:20px;">Beautifully formatted pages. Clear and concise examples.</p>
5352

54-
<div class="row" style="margin-top:15px; margin-bottom:25px">
55-
<div class="col-sm-12">
56-
<a class="btn btn-success btn-lg" style="margin-right: 20px; margin-top: 5px" href="https://gum.co/markdownguide">Buy now for $9.99</a>
53+
<div class="container" style="padding-bottom:50px;">
54+
<div class="row">
55+
<div class="col-sm text-center">
56+
<img src="/assets/images/book-page-1.png" class="img-fluid border rounded" style="width: 90%" alt="The Markdown Guide book page one">
57+
</div>
58+
<div class="col-sm text-center">
59+
<img src="/assets/images/book-page-2.png" class="img-fluid border rounded" style="width: 90%" alt="The Markdown Guide book page two">
60+
</div>
5761
</div>
5862
</div>
5963

60-
<h3 class="no-anchor">About the Author</h3>
64+
<center><a class="btn btn-success btn-lg" style="margin-right: 20px; margin-top: 5px" href="https://gum.co/markdownguide?wanted=true">Buy now for $9.99</a></center>
6165

62-
<p class="lead">Matt Cone is a technical writer at <a href="https://www.fastly.com">Fastly</a>. He has experience creating documentation for organizations like Linode and the U.S. Department of Health and Human Services. Matt's first book, <em><a href="https://www.amazon.com/Master-Your-Mac-Simple-Customize/dp/1593274068/">Master Your Mac</a></em>, was published by No Starch Press. To get in touch with Matt, visit <a href="https://www.mattcone.com">https://www.mattcone.com</a>.</p>
66+
<div class="container" style="padding-top:60px;">
67+
<div class="row">
68+
<div class="col-sm-6">
69+
<h3 class="no-anchor" style="padding-bottom:10px;">About the Author</h3>
70+
<p class="lead">Matt Cone is a technical writer at <a href="https://www.fastly.com">Fastly</a>. He has experience creating documentation for organizations like Linode and the U.S. Department of Health and Human Services. Matt's first book, <em><a href="https://www.amazon.com/Master-Your-Mac-Simple-Customize/dp/1593274068/">Master Your Mac</a></em>, was published by No Starch Press. To get in touch with Matt, visit <a href="https://www.mattcone.com">https://www.mattcone.com</a>.</p>
71+
</div>
72+
<div class="col-sm-6 text-center">
73+
<img src="/assets/images/mattcone.jpg" class="img-fluid border rounded" style="width: 90%" alt="Matt Cone">
74+
</div>
75+
</div>
76+
</div>

netlify.toml

+3-3
Original file line numberDiff line numberDiff line change
@@ -17,15 +17,15 @@
1717

1818
[[redirects]]
1919
from = "/assets/book/markdown-guide.pdf"
20-
to = "/book"
20+
to = "/book/"
2121

2222
[[redirects]]
2323
from = "/assets/book/markdown-guide.epub"
24-
to = "/book"
24+
to = "/book/"
2525

2626
[[redirects]]
2727
from = "/assets/book/markdown-guide.mobi"
28-
to = "/book"
28+
to = "/book/"
2929

3030
[[headers]]
3131
for = "/*"

0 commit comments

Comments
 (0)