|
|
@ -1,4 +1,3 @@
|
|
|
|
{{TOC}}
|
|
|
|
|
|
|
|
# Glossary-making-tool
|
|
|
|
# Glossary-making-tool
|
|
|
|
|
|
|
|
|
|
|
|
This is a Work-in-progress experiment tool to make living glossaries websites using simple Python, Javascript, and CSS from an Markdown file.
|
|
|
|
This is a Work-in-progress experiment tool to make living glossaries websites using simple Python, Javascript, and CSS from an Markdown file.
|
|
|
@ -52,11 +51,11 @@ See this pandoc documentation to explore more possibilities with Markdown: https
|
|
|
|
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
|
|
|
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
```
|
|
|
|
## **2.a Open the Jupyter Notebook and follow the instructions.
|
|
|
|
## 3. (Option 1) Open the Jupyter Notebook and follow the instructions.
|
|
|
|
|
|
|
|
|
|
|
|
`glossary-making.ipynb`
|
|
|
|
`glossary-making.ipynb`
|
|
|
|
|
|
|
|
|
|
|
|
## **2.b Run the python script to write the Html, Javascript and Css files
|
|
|
|
## 3. (Option 2) Run the python script to write the Html, Javascript and Css files
|
|
|
|
|
|
|
|
|
|
|
|
### Def Glossary content
|
|
|
|
### Def Glossary content
|
|
|
|
* Convert the markdown file into html file using pypandoc
|
|
|
|
* Convert the markdown file into html file using pypandoc
|
|
|
@ -151,6 +150,7 @@ for title, symbol, color in properties:
|
|
|
|
```
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
* Generating a css style using properties values:
|
|
|
|
* Generating a css style using properties values:
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
```
|
|
|
|
style = ''
|
|
|
|
style = ''
|
|
|
|
|
|
|
|
|
|
|
@ -161,10 +161,12 @@ for title, symbol, color in properties:
|
|
|
|
color = properties[i]['color']
|
|
|
|
color = properties[i]['color']
|
|
|
|
style += f'''.{title}-s''' + '{' + f'''color:{color};''''}'
|
|
|
|
style += f'''.{title}-s''' + '{' + f'''color:{color};''''}'
|
|
|
|
i += 1
|
|
|
|
i += 1
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
* Writing the Body
|
|
|
|
* Writing the Body
|
|
|
|
*note that here you are using the previous variables *style*, *legend*, and *script*
|
|
|
|
*note that here you are using the previous variables *style*, *legend*, and *script*
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
```
|
|
|
|
body = f'''<!DOCTYPE html>
|
|
|
|
body = f'''<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<html>
|
|
|
|