summaryrefslogtreecommitdiff
path: root/pyssg.xyz/live/blog/toc_test.html
blob: 12b3cfabf6862cfa0b5dafc971c766c9ef6be75c (plain)
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
<!DOCTYPE html>
<html class="theme-dark" lang="en
"
  prefix="og: https://ogp.me/ns#">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="https://static.luevano.xyz/images/icons/favicon.ico">
<title>Table of contents test -- pyssg blog</title>
<meta name="description" content="PySSG blog, the python static site generator official blog."/>
<link rel="alternate" type="application/rss+xml" href="https://blog.pyssg.xyz/rss.xml" title="pyssg blog RSS">
    <!-- general style -->
    <link rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/style.css">
    <link rel="stylesheet" type="text/css" href="https://static.luevano.xyz/fork-awesome/css/fork-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="https://static.luevano.xyz/font-awesome/css/all.min.css">
    <!-- theme related -->
    <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
    <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
    <!-- extra -->
    <!-- og meta -->
  <meta property="og:title" content="pyssg blog"/>
  <meta property="og:type" content="article"/>
  <meta property="og:url" content="https://blog.pyssg.xyz/toc_test.md"/>
  <meta property="og:image" content="https://static.luevano.xyz/images/default.png"/>
  <meta property="og:description" content="PySSG blog, the python static site generator official blog."/>
  <meta property="og:locale" content="en"/>
  <meta property="og:site_name" content="pyssg blog"/>
  </head>

  <body>
    <header>
<nav>
  <ul>
    <li>
      <a href="https://pyssg.xyz/"><i class="fas fa-home" alt="Home"></i><span>Home</span></a>
    </li>

    <li>
      <a href="https://blog.pyssg.xyz/"><i class="fas fa-book-open" alt="Blog"></i><span>Blog</span></a>
    </li>

    <li><i class="fab fa-git" alt="Git"></i><span>Git</span>
      <ul>
        <li><a href="https://git.luevano.xyz/" target="_blank"><i class="fab fa-git-alt" alt="Git-alt"></i></a></li>

        <li><a href="https://github.com/luevano" target="_blank"><i class="fab fa-github" alt="Github"></i></a></li>

        <li><a href="https://gitlab.com/dluevano" target="_blank"><i class="fab fa-gitlab" alt="Gitlab"></i></a></li>
      </ul>
    </li>
  </ul>
</nav>

<button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>

    </header>

    <main>
  <h1>Table of contents test</h1>

  <p>By David Luévano</p>
  <p>Created: Sat, Feb 18, 2023 @ 21:50 UTC</p>
    <p>Modified: Mon, May 01, 2023 @ 15:22 UTC</p>

  <p>This is just a table of content test. This uses the <code>[TOC]</code> markdown syntax, as described at <a href="https://python-markdown.github.io/extensions/toc/">python-markdown toc</a>.</p>
<h3 id="table-of-contents">Table of contents<a class="headerlink" href="#table-of-contents" title="Permanent link">&para;</a></h3>
<div class="toc">
<ul>
<li><a href="#table-of-contents">Table of contents</a></li>
<li><a href="#hello">Hello</a><ul>
<li><a href="#no">No</a></li>
</ul>
</li>
<li><a href="#test">Test?</a><ul>
<li><a href="#second">Second</a><ul>
<li><a href="#test-2">Test 2?</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<h3 id="hello">Hello<a class="headerlink" href="#hello" title="Permanent link">&para;</a></h3>
<p>Anyone there?</p>
<h4 id="no">No<a class="headerlink" href="#no" title="Permanent link">&para;</a></h4>
<p>Nobody.</p>
<h3 id="test">Test?<a class="headerlink" href="#test" title="Permanent link">&para;</a></h3>
<p>Don&rsquo;t know how many of these I&rsquo;ll &ldquo;test&rdquo;.</p>
<h4 id="second">Second<a class="headerlink" href="#second" title="Permanent link">&para;</a></h4>
<h5 id="test-2">Test 2?<a class="headerlink" href="#test-2" title="Permanent link">&para;</a></h5>
<p>Last one</p>

<p>Tags: 
  <a href="https://blog.pyssg.xyz/tag/@english.html">english</a>, 
  <a href="https://blog.pyssg.xyz/tag/@short.html">short</a>, 
  <a href="https://blog.pyssg.xyz/tag/@test.html">test</a>, 
  <a href="https://blog.pyssg.xyz/tag/@update.html">update</a>
</p>
    </main>

    <footer>
<span>
  <i class="fas fa-address-card" alt="Contact"></i>
  <a href="https://blog.pyssg.xyz/contact.html">Contact</a>
</span>

<span>
  <i class="fas fa-donate" alt="Donate"></i>
  <a href="https://blog.pyssg.xyz/donate.html">Donate</a>
</span>

<span>
  <i class="fas fa-rss" alt="RSS"></i>
  <a target="_blank" href="https://blog.pyssg.xyz/rss.xml">RSS</a>
</span>

<br>
<span class="created-with">
  <i class="fas fa-hammer" alt="Hammer"></i>
  Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
</span>

<br>
<span class="copyright">
  Copyright <i class="far fa-copyright" alt="Copyright"></i> 2023 David Luévano Alvarado
</span>

    </footer>
  </body>
</html>