diff --git a/docs/_config.yml b/docs/_config.yml index 8d3c4b5..e8b7ce6 100644 --- a/docs/_config.yml +++ b/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 --- # diff --git a/docs/assets/css/demo.css b/docs/assets/css/demo.css new file mode 100644 index 0000000..df8e8b7 --- /dev/null +++ b/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; +} diff --git a/docs/assets/img/hello_world.jpeg b/docs/assets/img/hello_world.jpeg new file mode 100644 index 0000000..488f785 Binary files /dev/null and b/docs/assets/img/hello_world.jpeg differ diff --git a/docs/featured-users.md b/docs/featured-users.md index 3fd91a5..51b0097 100644 --- a/docs/featured-users.md +++ b/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 diff --git a/docs/getstarted.md b/docs/getstarted.md index 65fba31..70e676a 100644 --- a/docs/getstarted.md +++ b/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). -Installation steps +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. --- diff --git a/docs/index.html b/docs/index.html index f58c722..fbf4cb9 100644 --- a/docs/index.html +++ b/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 ---
@@ -14,8 +15,11 @@ fb-img: "http://deanattali.com/img/blog/beautiful-jekyll.png"

Below are sample blog posts for illustration purposes.

If you like this theme, please consider supporting me :)

- - + + + + +