2.5 KiB
2.5 KiB
title | author | date | categories | tags | |||
---|---|---|---|---|---|---|---|
Text and Typography | Cotes Chung | 2019-08-08 11:33:00 +0800 |
|
|
This Jekyll template totally compatible with Markdown syntax. Now, let's take a look for the text and typography in this theme.
Titles
H1
H2
H3
H4
Paragraph
I wandered lonely as a cloud
That floats on high o'er vales and hills,
When all at once I saw a crowd,
A host, of golden daffodils;
Beside the lake, beneath the trees,
Fluttering and dancing in the breeze.
Block Quote
This line to shows the Block Quote.
Tables
Company | Contact | Country |
---|---|---|
Alfreds Futterkiste | Maria Anders | Germany |
Island Trading | Helen Bennett | UK |
Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
Link
Footnote
Click the hook will locate the footnote1.
Image
![Desktop View]({{ "/assets/img/sample/mockup.png" | relative_url }})
Inline code
This is an example of Inline Code
.
Code Snippet
Common
This is a common code snippet, without syntax highlight and line number.
Specific Languages
Console
$ date
Sun Nov 3 15:11:12 CST 2019
Terminal
$ env |grep SHELL
SHELL=/usr/local/bin/bash
PYENV_SHELL=bash
Ruby
def sum_eq_n?(arr, n)
return true if arr.empty? && n == 0
arr.product(arr).reject { |a,b| a == b }.any? { |a,b| a + b == n }
end
Shell
if [ $? -ne 0 ]; then
echo "The command was not successful.";
#do the needful / exit
fi;
Liquid
{% raw %}
{% if product.title contains 'Pack' %}
This product's title contains the word Pack.
{% endif %}
{% endraw %}
HTML
<div class="sidenav">
<a href="#contact">Contact</a>
<button class="dropdown-btn">Dropdown
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-container">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
<a href="#contact">Search</a>
</div>
Horizontal Scrolling
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading" id="{{ category_name }}">
<i class="far fa-folder"></i>
<p>This is a very long long long long long long long long long long long long long long long long long long long long long line.</p>
</a>
</div>
</div>
</div>
Reverse Footnote
-
The footnote source. ↩︎