-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtypography.html
160 lines (125 loc) · 6.02 KB
/
typography.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en" class="normal green">
<head>
<meta charset="UTF-8">
<meta name="description" content="Typography, Turbo C/C++ simple basic web site theme." />
<meta name="author" content="Fatih Tatoğlu" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Turbo C Theme - Typography</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<link rel="canonical" href="https://blog.tatoglu.net/blog-theme-turboc" />
<link rel="home" href="https://blog.tatoglu.net/blog-theme-turboc" />
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./css/main.css">
<script src="node_modules/mustache/mustache.min.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<header>
<span class="site-name">Turbo C Theme - Typography</span>
</header>
<nav id="navigation"></nav>
<main>
<article>
<header>
<h1>Typography</h1>
<button>#</button>
</header>
<h2>Colors</h2>
<p>Color options of the typography. For details, you can hold your mouse cursor on <strong>TEXT</strong>
content.</p>
<div class="color-box typo" title="normal: Etkin metinlerin görünümü.">
<pre class="active">TEXT TEXT</pre>
<pre class="active">TEXT TEXT</pre>
</div>
<div class="color-box typo" title="selected: Metinlerin seçildikleri görünümü.">
<pre class="selected">TEXT TEXT</pre>
<pre class="selected">TEXT TEXT</pre>
</div>
<div class="color-box typo" title="keyword: Anahtar kelimeler ve linklerin görünümü.">
<pre class="keyword">TEXT TEXT</pre>
<pre class="keyword">TEXT TEXT</pre>
</div>
<div class="color-box typo"
title="keyword-selected: Anahtar kelimeler aktif olduğunda veya focuslandığındaki görünümü.">
<pre class="keyword-selected">TEXT TEXT</pre>
<pre class="keyword-selected">TEXT TEXT</pre>
</div>
<div class="color-box typo"
title="heading: Anahtar kelimeler aktif olduğunda veya focuslandığındaki görünümü.">
<pre class="heading">TEXT TEXT</pre>
<pre class="heading">TEXT TEXT</pre>
</div>
<h2>Heading</h2>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h2>Paragraph</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis impedit vero quis itaque aspernatur
dolor expedita perferendis facere maiores, cumque iusto minus tenetur dolorum molestiae error
aliquam veniam veritatis accusantium voluptas temporibus autem modi? Quae soluta eum esse iure? Vel.
</p>
<h2>Blockquote</h2>
<blockquote cite="William Pollard">
<p>To change is difficult. Not to change is fatal.</p>
</blockquote>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
<p>For 50 years, WWF has been protecting the future of nature. The world's leading conservation
organization, WWF works in 100 countries and is supported by 1.2 million members in the United
States
and close to 5 million globally.</p>
</blockquote>
<h2>Other Text Elements</h2>
<p>Lorem ipsum dolor sit amet, <a title="a" href="#test-link">consectetur</a> adipiscing elit.
Vestibulum eget lacus interdum lectus posuere rutrum non eget nisi. Orci varius natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. Phasellus sed ligula eget mauris condimentum
venenatis. Aliquam erat volutpat. Vestibulum dictum tellus id turpis bibendum, sed
tincidunt velit rhoncus. Ut a velit non enim iaculis luctus. <strong title="strong">Quisque</strong>
malesuada elit quis lorem ullamcorper tempus. Proin in justo
felis. Cras efficitur, quam tincidunt commodo hendrerit, lacus arcu <em title="em">fermentum
tellus</em>, quis lacinia dui mi vel ligula. Ut at massa in mi finibus ultrices
ultrices et nibh.
</p>
<pre>
<code>
#!/bin/bash
###### CONFIG
ACCEPTED_HOSTS="/root/.hag_accepted.conf"
BE_VERBOSE=false
if [ "$UID" -ne 0 ]
then
echo "Superuser rights required"
exit 2
fi
genApacheConf(){
echo -e "# Host ${HOME_DIR}$1/$2 :"
}
echo '"quoted"' | tr -d \" > text.txt
</code>
</pre>
<pre>
<code>
> sudo su
$ yum install gcc openssl-devel readline-devel systemd-devel make pcre-devel net-tools kernel-headers url libnl3-devel net-snmp-devel -y
$ yum update -y
</code>
</pre>
</article>
</main>
<footer>
<span class="credits">By <a href="https://github.com/fatihtatoglu" target="_new" rel="external"
title="Developed by Fatih Tatoğlu">Fatih
Tatoğlu</a> - 2022</span>
</footer>
</body>
</html>