-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (106 loc) · 4.21 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Proverbium: Memorise new proverbs and idioms while learning a foreign language</title>
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
<script src="wlc.js" defer></script>
</head>
<body>
<h1 id="h1">Proverbium</h1>
<h2>Why do you need to learn proverbs and idioms?</h2>
<div>
<p>Do you learning German like me? Here is the Pro tip: "Try to learn proverbs and idioms as much as you can."
<p>Understanding proverbs and idioms can boost your conversational skills. You may encounter proverbs and idioms most often in spoken or written conversation.
They can help improve your conversational skills because it shows native speakers that you understand the cultural meaning and context behind them.</p>
</div>
<div>
<h3>How To Learn</h3>
<p></p>
</div>
<div>
<p><em>Step #1.</em> Search Google for <a data-url href="https://www.google.com/search?q=german+proverbs" target="_blank" title="Edit your search to find proverbs in the language you are learning" >proverbs</a> ,
<a href="https://www.google.com/search?q=german+idioms" target="_blank">idioms</a> or
<a href="https://www.google.com/search?q=german+long+word" target="_blank"> long words</a> and add them to the submit form bellow.
</p>
</div>
<br>
<form data-form id="proverb-form">
<fieldset>
<legend>Submit Form </legend>
<!-- <input data-input-text id="proverb-input" type="text" placeholder="What new proverb did you learn today?"/> -->
<textarea id="proverb-input" rows="1" cols="60" placeholder="What new proverb, idiom or long word did you learn today?"></textarea>
<div class="options">
<span>Mark as: </span>
<label>
<input class="option" type="radio" name="option-1"/>
<span><dfn title="An idiom is defined as a phrase that consists its own meaning but cannot be understood easily. A proverb is defined as a short saying or sentence that is used to give advice to the other person.">Idiom</dfn></span>
</label>
<label>
<input class="option" type="radio" name="option-1"/>
<span><dfn title="A word that contains dozens of letters">Long word</dfn></span>
</label>
</div>
<div>
<button data-btn type="submit">Submit</button>
</div>
</fieldset>
</form>
<div id="proverb-block">
<div>
<p><em>Step #2.</em> Bellow you can see your last submitted proverb, idiom or long word. Now hear how this is pronounced (for example, using Google Translate) and record yourself on a voice recorder. </p>
</div>
<div id="newest-proverb">
</div>
<br>
<div>
<p><em>Step #3.</em> Now try to write down/type what you hear without looking at the original. Check for errors and retry as many times as necessary.</p>
</div>
<div>
<fieldset>
<legend>Typing Box</legend>
<textarea name="typing_box" id="typing_box" cols="60" rows="10"></textarea>
</fieldset>
</div>
<div>
<p>The Lego-like grammatical structure of the German language makes it possible to combine an inordinate number of elements, so it is not uncommon to describe an extremely specific concept with a single, brutally long word in German (for example, Donaudampfschiffahrtsgesellschaftskapitän — 42 letters).</p>
</div>
<div id="top-proverbs">
<h5>Top Proverbs</h5>
<div class="proverb">
<p>Eigenlob stinkt.</p>
</div>
<div class="proverb">
<p>Wer zuerst kommt, mahlt zuerst.</p>
</div>
<div class="proverb">
<p>Reibung erzeugt Wärme.</p>
</div>
</div>
<template id="all-proverbs">
<h6>All Submitions</h6>
<div class="proverb">
<p>Wer nicht hören will, muss fühlen.</p>
</div>
<div class="proverb">
<p>Für Geld und gute Worte kann man alles haben.</p>
</div>
<div class="proverb">
<p>Die Lüge hat zwar kurze Beine, rennt aber schneller als die Wahrheit.</p>
</div>
<div class="proverb">
<p>Wer dich vermisst, wird anrufen.<br>Wer dich will, sagt es.
<br>Wer Interesse hat, zeigt es.</p>
</div>
<div class="proverb">
<p>Es ist noch kein Meister vom Himmel gefallen.</p>
</div>
<div class="proverb">
<p>Morgenstund hat Gold im Mund.</p>
</div>
</template>
</div>
</body>
</html>