Updated README and .css to create more pleasent dev feel
This commit is contained in:
parent
c782cda3a3
commit
b19cc92dce
@ -14,7 +14,7 @@ As I've started learning Latin from Lingua Latina Per Se Illustrata I've encourt
|
||||
# TODO
|
||||
- [x] text to html parser to swiftly migrate the cloze Pensa
|
||||
- [ ] dictionairy interface
|
||||
- [ ]
|
||||
- [ ] sync performing Pensa with doneth.at
|
||||
|
||||
# Development
|
||||
|
||||
|
@ -1,3 +1,19 @@
|
||||
body {
|
||||
margin: 10vw;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 5vw;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3vw;
|
||||
}
|
||||
|
||||
#pensum_content {
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
-webkit-appearance: none;
|
||||
border: none;
|
||||
|
@ -2,11 +2,12 @@
|
||||
<html lang="la">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Familia Romana – Pensum A</title>
|
||||
<title>{{pensum_title}}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/LLPSI.css') }}">
|
||||
<script type="text/javascript">
|
||||
function adjust_size() {
|
||||
const pensum = document.querySelector('#Pensum');
|
||||
const pensum = document.querySelector('#pensum_content');
|
||||
const inputs = pensum.querySelectorAll('input');
|
||||
inputs.forEach((input) => {
|
||||
if (input.type=="text") {
|
||||
@ -54,7 +55,7 @@
|
||||
|
||||
|
||||
function validate() {
|
||||
const pensum = document.querySelector('#Pensum');
|
||||
const pensum = document.querySelector('#pensum_content');
|
||||
const inputs = pensum.querySelectorAll('input');
|
||||
|
||||
inputs.forEach((input) => {
|
||||
@ -76,12 +77,11 @@
|
||||
}
|
||||
|
||||
function show_answers() {
|
||||
const pensum = document.querySelector('#Pensum');
|
||||
const pensum = document.querySelector('#pensum_content');
|
||||
const inputs = pensum.querySelectorAll('input');
|
||||
|
||||
inputs.forEach((input) => {
|
||||
if (input.type=="text") {
|
||||
// input.setAttribute("value", input.dataset.expected);
|
||||
input.value = input.dataset.expected;
|
||||
input.removeAttribute("class");
|
||||
}
|
||||
@ -93,10 +93,10 @@
|
||||
<h1><a href="/llpsi">Lingua Latina Per Se Illustrata</a></h1>
|
||||
<h2>{{pensum_title}}</h2>
|
||||
Quantitās: <input type="checkbox" id="vowel_length">
|
||||
<div id="Pensum">
|
||||
{{pensum_content|safe}}
|
||||
<div id="pensum_content">
|
||||
<p>{{pensum_content|safe}}</p>
|
||||
<br>
|
||||
<button onclick="return validate();">Mitte</button><button onclick="return show_answers();">Responsa</button>
|
||||
<button title="Check answers" onclick="return validate();">Mitte</button><button title="Show correct answers" onclick="return show_answers();">Responsa</button>
|
||||
</div>
|
||||
<script type="text/javascript">adjust_size();</script>
|
||||
</body>
|
||||
|
@ -4,6 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Lingua Latina Per Se Illustrata</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/LLPSI.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Lingua Latina Per Se Illustrata</h1>
|
||||
|
@ -7,7 +7,8 @@ for filename in sys.argv[1:]:
|
||||
|
||||
# Replace _string_ with html
|
||||
html_head = '<input type="text" data-expected="'
|
||||
# html_tail = '" required/>'
|
||||
# html_mid = '" style="width: '
|
||||
# html_tail = 'em"/>'
|
||||
html_tail = '"/>'
|
||||
content = re.sub(r'_([a-zA-Z\-]+)_', html_head+r'\1'+html_tail, content)
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user