Vytvorme si web: 3. Vytvorenie webu z jekyll témy

git clone https://github.com/mmistakes/minimal-mistakes

cd minimal-mistakes
rm -Rf .git

#url:              http://localhost:4000

url:              http://belo2.kd.io:4000/

jekyll serve --watch

title:            Site Title                # Title sajtu
description:      Describe your website.    # Krátky popis
# Your site's domain goes here. Leave localhost server or blank when working locally.
#url:              http://localhost:4000
url:              http://belo2.kd.io:4000/  # URL musi byť nastavená správne - odkiaľ je web hostovaný 
disqus_shortname: 
 
# Owner/author information
owner:
  name:           Your Name             # tvoje meno
  avatar:         bio-photo.jpg         # tvoja fotka, myslim, že 200x200px  
  bio:            "Describe your self." # tvoj krátky popis
  email:          your@email.com        #  emailová adresa
  # Social networking links are used in author-bio sidebar. Update and remove as you like.
  twitter:        
  facebook:       
  github:         
  stackoverflow: 
  linkedin:       
  instagram:      
  lastfm:         
  tumblr: 
  pinterest: 
  foursquare: 
  steam: 
  dribbble: 
  # For Google Authorship https://plus.google.com/authorship
  google_plus:
 
# Analytics and webmaster tools stuff goes here
google_analytics:   
google_verify:      
# https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here
bing_verify:        
 
# Links to include in top navigation
# For external links add external: true
links:
  - title: About    # hlavné linky blogu
    url: /about/
  - title: Posts
    url: /posts/
  - title: Theme Setup
    url: /theme-setup/
  - title: Made Mistakes
    url: http://mademistakes.com
    external: true
 
# http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
timezone:    America/New_York  # Europe/Bratislava - toto je naša zóna
future:      true
pygments:    true
markdown:    kramdown
 
# https://github.com/mojombo/jekyll/wiki/Permalinks
permalink:   /:categories/:title/
 
kramdown:
  auto_ids: true
  footnote_nr: 1
  entity_output: as_char
  toc_levels: 1..6
  use_coderay: false
 
  coderay:
    coderay_line_numbers: 
    coderay_line_numbers_start: 1
    coderay_tab_width: 4
    coderay_bold_every: 10
    coderay_css: class
 
include: [".htaccess"]
exclude: ["lib", "config.rb", "Capfile", "config", "log", "Rakefile", "Rakefile.rb", "tmp", "less", "*.sublime-project", "*.sublime-workspace", "test", "spec", "Gruntfile.js", "package.json", "no
de_modules"]

---
layout: post
title: Sample Post
description: "Just about everything you'll need to style in the theme: headings, paragraphs, blockquotes, tables, code blocks, and more."
modified: 2013-05-31
tags: [intro, beginner, jekyll, tutorial]
comments: true
image:
  feature: texture-feature-05.jpg
  credit: Texture Lovers
  creditlink: http://texturelovers.com
---
 
<section id="table-of-contents" class="toc">
  <header>
    <h3>Contents</h3>
  </header>
<div id="drawer" markdown="1">
*  Auto generated table of contents
{:toc}
</div>
</section><!-- /#table-of-contents -->
 
## HTML Elements
 
Below is just about everything you'll need to style in the theme. Check the source code to see the many embedded elements within paragraphs.
 
# Heading 1
 
## Heading 2
 
### Heading 3
 
#### Heading 4
 
##### Heading 5
 
###### Heading 6
 
### Body text
 
Lorem ipsum dolor sit amet, test link adipiscing elit. **This is strong**. Nullam dignissim convallis est. Quisque aliquam.
 
![Smithsonian Image](http://inakalepsie.github.io/images/3953273590_704e3899d5_m.jpg)
{: .image-pull-right}
 
*This is emphasized*. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York T
imes (That’s a citation). Underline.Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Mor
bi imperdiet augue quis tellus.
 
HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, tu
rpis mi volutpat justo, eu volutpat enim diam eget metus.
 
### Blockquotes
 
> Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.
 
## List Types
 
### Ordered Lists
 
1. Item one
   1. sub item one
   2. sub item two
   3. sub item three
2. Item two
 
### Unordered Lists
 
* Item one
* Item two
* Item three
 
## Tables
 
| Header1 | Header2 | Header3 |
|:--------|:-------:|--------:|
| cell1   | cell2   | cell3   |
| cell4   | cell5   | cell6   |
|----
| cell1   | cell2   | cell3   |
| cell4   | cell5   | cell6   |
|=====
| Foot1   | Foot2   | Foot3
{: rules="groups"}
 
## Code Snippets
 

<div class="highlight"><pre><code class="language-css" data-lang="css"><span class="nf">#container</span> <span class="p">{</span>
  <span class="k">float</span><span class="o">:</span> <span class="k">left</span><span class="p">;</span>
  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span> <span class="m">-240px</span> <span class="m">0</span> <span class="m">0</span><span class="p">;</span>
  <span class="k">width</span><span class="o">:</span> <span class="m">100%</span><span class="p">;</span>
<span class="p">}</span></code></pre></div>

 
## Buttons
 
Make any link standout more when applying the `.btn` class.
 

<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span> <span class="na">class=</span><span class="s">&quot;btn btn-success&quot;</span><span class="nt">&gt;</span>Success Button<span class="nt">&lt;/a&gt;</span></code></pre></div>

 
<div markdown="0"><a href="#" class="btn">Primary Button</a></div>
<div markdown="0"><a href="#" class="btn btn-success">Success Button</a></div>
<div markdown="0"><a href="#" class="btn btn-warning">Warning Button</a></div>
<div markdown="0"><a href="#" class="btn btn-danger">Danger Button</a></div>
<div markdown="0"><a href="#" class="btn btn-info">Info Button</a></div>
 
## Notices
 
**Watch out!** You can also add notices by appending `{: .notice}` to a paragraph.
{: .notice}