fix problems in demo site

This commit is contained in:
Dean Attali 2020-04-26 22:55:41 +00:00
parent 6552c5774e
commit 1924b0da62
6 changed files with 81 additions and 15 deletions

View File

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

67
docs/assets/css/demo.css Normal file
View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -3,7 +3,7 @@ layout: page
title: Featured users 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 ### Project/company websites

View File

@ -3,6 +3,7 @@ layout: page
title: Getting started title: Getting started
subtitle: How to use Beautiful Jekyll subtitle: How to use Beautiful Jekyll
bigimg: /assets/img/start.jpg 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. **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). 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.
--- ---

View File

@ -3,6 +3,7 @@ layout: home
title: Beautiful Jekyll title: Beautiful Jekyll
subtitle: Build a beautiful and simple website in minutes subtitle: Build a beautiful and simple website in minutes
fb-img: "http://deanattali.com/img/blog/beautiful-jekyll.png" fb-img: "http://deanattali.com/img/blog/beautiful-jekyll.png"
css: /assets/css/demo.css
--- ---
<div class="main-explain-area jumbotron"> <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>Below are sample blog posts for illustration purposes.</p>
<p>If you like this theme, please consider supporting me :)</p> <p>If you like this theme, please consider supporting me :)</p>
<p align="center"> <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> </a>
</p> </p>
</div> </div>