fix problems in demo site

docs/_config.yml

@@ -29,7 +29,7 @@ navbar-links:
 url: "https://deanattali.com/beautiful-jekyll/"
 
 # baseurl should be an empty string
-baseurl: "/beautiful-jekyll"
+#baseurl: "/beautiful-jekyll"
 
 # --- Logo --- #
 

docs/assets/css/demo.css

@@ -0,0 +1,67 @@
+/* Carbon ads */
+#carbonads {
+  display: block;
+  overflow: hidden;
+  text-align: center;
+  font-family: "Open Sans", Lora, Arial, "Helvetica Neue", Helvetica, sans-serif;
+  line-height: 1.5;
+  font-size: 13px;
+  border: 1px solid #ccc;
+  padding: 9px;
+  max-width: 400px;
+  margin: 0 auto 15px;
+}
+
+#carbonads a {
+  color: inherit;
+  text-decoration: none;
+}
+
+#carbonads a:hover {
+  color: inherit;
+  text-decoration: underline;
+}
+
+#carbonads span {
+  display: block;
+  overflow: hidden;
+  position: relative;
+}
+
+.carbon-img {
+  display: block;
+  margin: 0 10px 0 0;
+  float: left;
+}
+
+.carbon-img img {
+  margin-bottom: 0;
+}
+
+.carbon-text {
+  display: block;
+  margin-bottom: 0;
+  float: left;
+  text-align: left;
+  max-width: calc(100% - 130px - 10px);
+}
+
+.carbon-poweredby {
+  display: block;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  font-size: 10px;
+  line-height: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
+.get-started-wrap {
+  text-align: center;
+}
+.get-started-btn {
+  padding: 15px 30px;
+  font-size: 26px;
+  margin-top: 10px;
+}

docs/featured-users.md

@@ -3,7 +3,7 @@ layout: page
 title: Featured users
 ---
 
-To my huge surprise, Beautiful Jekyll has been used in over 500 websites in its first 6 months, and tens of thousands of times since its inception.  Here isa a sample of some websites that use Beautiful Jekyll.
+Beautiful Jekyll has been used in over 500 websites in its first 6 months, and tens of thousands of times since its inception.  Here is a sample of some websites that use Beautiful Jekyll.
 
 ### Project/company websites
 

docs/getstarted.md

@@ -3,6 +3,7 @@ layout: page
 title: Getting started
 subtitle: How to use Beautiful Jekyll
 bigimg: /assets/img/start.jpg
+css: /assets/css/demo.css
 ---
 
 **Beautiful Jekyll** is a ready-to-use template to make help you create an awesome Jekyll or GitHub Pages website quickly. 
@@ -21,21 +22,15 @@ There are only three simple steps, so using **Beautiful Jekyll** is *literally*
 
 Here is a 40-second video showing how to get started, with the specific steps below.  For a more complete installation guide, [visit the Beautiful Jekyll page](https://github.com/daattali/beautiful-jekyll#readme).
 
-<img src="../img/install-steps.gif" style="width:100%;" alt="Installation steps" />
+<img src="../assets/img/install-steps.gif" style="width:100%;" alt="Installation steps" />
 
-### 1. Fork the Beautiful Jekyll repository 
+### 1. Fork (copy) the Beautiful Jekyll project 
 
-Fork the [repository](https://github.com/daattali/beautiful-jekyll) by clicking the Fork button on the top right corner in GitHub.
+### 2. Rename the project to `yourusername.github.io`
 
-### 2. Rename the repository to `yourusername.github.io`
+### 3. Customize settings in the `config.yml` file to personalize your website
 
-This will create a GitHub User page ready with the **Beautiful Jekyll** template that will be available at http://yourusername.github.io (sometimes it takes a few minutes).
+That's it! You can now visit your shiny new website.
-
-### 3. Customize settings
-
-Edit the `_config.yml` file to change all the settings to reflect your site.  The settings in the file are fairly self-explanatory and I added comments inside the file to help you further.  Every time you make a change to any file, your website will get rebuilt and should be updated at `yourusername.github.io` within a minute.
-
-You can now visit your shiny new website, which will be seeded with several sample blog posts and a couple other pages.
 
 ---
 

docs/index.html

@@ -3,6 +3,7 @@ layout: home
 title: Beautiful Jekyll
 subtitle: Build a beautiful and simple website in minutes
 fb-img: "http://deanattali.com/img/blog/beautiful-jekyll.png"
+css: /assets/css/demo.css
 ---
 
 <div class="main-explain-area jumbotron">
@@ -14,8 +15,11 @@ fb-img: "http://deanattali.com/img/blog/beautiful-jekyll.png"
   <p>Below are sample blog posts for illustration purposes.</p>
   <p>If you like this theme, please consider supporting me :)</p>
   <p align="center">
-    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EG5Q5483TTWCN">
+    <a style="display: inline-block;" href="https://paypal.me/daattali">
-      <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" />
+      <img height="40" src="https://camo.githubusercontent.com/0e9e5cac101f7093336b4589c380ab5dcfdcbab0/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f74776f6c66736f6e2f70617970616c2d6769746875622d627574746f6e40312e302e302f646973742f627574746f6e2e737667" />
+    </a>
+    <a style="display: inline-block; margin-left: 10px;" href="https://github.com/sponsors/daattali">
+      <img height="40" src="https://i.imgur.com/034B8vq.png" />
     </a>
   </p>
 </div>