fix problems in demo site
This commit is contained in:
Dean Attali
parent
6552c5774e
commit
1924b0da62
@ -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 --- #
|
||||
|
||||
|
||||
67
docs/assets/css/demo.css
Normal file
67
docs/assets/css/demo.css
Normal 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;
|
||||
}
|
||||
BIN
docs/assets/img/hello_world.jpeg
Normal file
BIN
docs/assets/img/hello_world.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@ -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
|
||||
|
||||
|
||||
@ -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).
|
||||
|
||||
### 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.
|
||||
That's it! You can now visit your shiny new website.
|
||||
|
||||
---
|
||||
|
||||
|
||||
@ -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">
|
||||
<img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" />
|
||||
<a style="display: inline-block;" href="https://paypal.me/daattali">
|
||||
<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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user