poni
/
speech2design
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixxees

Browse Source
master
km0 3 years ago
parent d55efff7d4
commit fd296e49a2
9 changed files with 314 additions and 508 deletions
Show Stats Download Patch File Download Diff File

3
0_speech/index.js
Unescape Escape View File

@ -103,7 +103,6 @@ function startConverting() {
for (let i = event.resultIndex; i < event.results.length; i++) { for (let i = event.resultIndex; i < event.results.length; i++) {
let transcript = event.results[i][0].transcript; let transcript = event.results[i][0].transcript;
transcript.replace("\n", "<br>");
if (event.results[i].isFinal) { if (event.results[i].isFinal) {
finalTranscripts += transcript.trim() + "\n"; finalTranscripts += transcript.trim() + "\n";
@ -121,7 +120,7 @@ function startConverting() {
let final = let final =
finalTranscripts + '<span class="interim">' + interimTranscripts + "</span>"; finalTranscripts + '<span class="interim">' + interimTranscripts + "</span>";
speech.innerHTML = final; speech.innerHTML = final.replaceAll("\n", "<br />");
window.scrollTo(0, document.body.scrollHeight); window.scrollTo(0, document.body.scrollHeight);
textStorage = final; textStorage = final;

30
1_pythoning/1-2_NLTKing.py
Unescape Escape View File

@ -26,16 +26,15 @@ with open('../speech.txt', 'r') as speech: # let's import the text
time.sleep(2) # check it in the console! time.sleep(2) # check it in the console!
text = text.replace('<span class="interim"></span>',
'').replace('\n', '. ') # delete this from the results
tokens = nltk.word_tokenize(text) # Tokenize the words :: split each word tokens = nltk.word_tokenize(text) # Tokenize the words :: split each word
# Elaborate the Part of Speech! It will create an array, a list # Elaborate the Part of Speech! It will create an array, a list
pos = nltk.pos_tag(tokens) pos = nltk.pos_tag(tokens)
print(pos) # print the array!
time.sleep(2) # check it in the console!
# print(pos) # print the array!
# time.sleep(2) # check it in the console!
# To see all the POS tags, open the terminal and copy: # To see all the POS tags, open the terminal and copy:
# #
@ -43,6 +42,10 @@ time.sleep(2) # check it in the console!
# import nltk # import nltk
# nltk.help.upenn_tagset() # nltk.help.upenn_tagset()
# see also:
# https://cheatography.com/deacondesperado/cheat-sheets/nltk-part-of-speech-tags/
# start the layouting :: html + css + paged.js >> # start the layouting :: html + css + paged.js >>
# #
# declare html :: we will fill it in the process with loops # declare html :: we will fill it in the process with loops
@ -51,26 +54,26 @@ time.sleep(2) # check it in the console!
html = '' html = ''
html1 = ''' html1 = '''
<html> <!DOCTYPE html>
<head> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./pagedjs_files/interface.css"> <link rel="stylesheet" href="./pagedjs_files/interface.css">
<script src="./pagedjs_files/paged.polyfill.js"></script> <script src="./pagedjs_files/paged.polyfill.js"></script>
<link rel="stylesheet" href="./styles/1.css"> <link rel="stylesheet" href="./styles/1.css">
<meta charset="utf-8"/>
<title>📡 💻📘</title> <title>📡 💻📘</title>
</head> </head>
<body> <body>
''' '''
html2 = ''' html2 = '''
<html> <!DOCTYPE html>
<head> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./pagedjs_files/interface.css"> <link rel="stylesheet" href="./pagedjs_files/interface.css">
<script src="./pagedjs_files/paged.polyfill.js"></script> <script src="./pagedjs_files/paged.polyfill.js"></script>
<link rel="stylesheet" href="./styles/2.css"> <link rel="stylesheet" href="./styles/2.css">
<meta charset="utf-8"/>
<title>📡 💻📘</title> <title>📡 💻📘</title>
</head> </head>
<body> <body>
@ -80,6 +83,7 @@ html2 = '''
for e in pos: # e is the current element, pos is the array to process for e in pos: # e is the current element, pos is the array to process
print(e)
if e[0] == '.': # if e is a dot, its class will be 'dot' if e[0] == '.': # if e is a dot, its class will be 'dot'
html += " <span class='dot'>.</span><br> \n" html += " <span class='dot'>.</span><br> \n"
@ -95,10 +99,12 @@ html = html.replace(' .', '.').replace(" '", "'")
# Save the <html> files! # Save the <html> files!
with open('../2_layout/1.html', 'w') as index: with open('../2_layout/1.html', 'w', encoding='utf-8') as index:
index.write(html1) index.write(html1)
index.write(html) index.write(html)
index.close()
with open('../2_layout/2.html', 'w') as index: with open('../2_layout/2.html', 'w', encoding='utf-8') as index:
index.write(html2) index.write(html2)
index.write(html) index.write(html)
index.close()

41
1_pythoning/3_imageScraping.py
Unescape Escape View File

@ -5,19 +5,20 @@
# With duckduckgo_images_api! # With duckduckgo_images_api!
from duckduckgo_images_api import search # import the library for scrape from duckduckgo_images_api import search # import the library for scrape
import time # to create delays :: for having a few seconds to check the console # to create delays :: for having a few seconds to check the console
import time
with open('../speech.txt','r') as speech: # let's import the text with open('../speech.txt', 'r') as speech: # let's import the text
qq = speech.readlines() # and split it in lines, it will create an array, a list # and split it in lines, it will create an array, a list
qq = speech.readlines()
print(qq) # print the array! print(qq) # print the array!
time.sleep(2) # check qq in the console! time.sleep(2) # check qq in the console!
# declare the first part of the text of the html, we will fill it
# declare the first part of the text of the html, we will fill it # in the process with loops
# in the process with loops
html = ''' html = '''
<html> <html>
@ -32,11 +33,10 @@ html = '''
<body> <body>
''' '''
# Elaborate each line :: process every element of the array qq
# Elaborate each line :: process every element of the array qq # q is for "query", qq for "queries", because we will send requests to
# DuckDuckGo searching the text of each line of speech.txt
# q is for "query", qq for "queries", because we will send requests to
# DuckDuckGo searching the text of each line of speech.txt
for q in qq: for q in qq:
@ -44,29 +44,24 @@ for q in qq:
time.sleep(2) # check current q in the console! time.sleep(2) # check current q in the console!
q = q.strip() q = q.strip()
if q == '''<span class="interim"></span>''': # This nope. # remove "\n", which means "return to the next line"
continue q = q.replace("\n", "")
q = q.replace("\n","") # remove "\n", which means "return to the next line"
# Scrape images with search()! # Scrape images with search()!
# q is, indeed, the query for DuckDuckGo # q is, indeed, the query for DuckDuckGo
results = search(q) results = search(q)
r = results["results"][0]["image"] # get the http link to the image r = results["results"][0]["image"] # get the http link to the image
html += f""" <span> {q} </span>\n""" # Now let's fill the html with text and the pic html += f""" <span> {q} </span>\n""" # Now let's fill the html with text and the pic
html += f""" <img src='{r}'>\n""" html += f""" <img src='{r}'>\n"""
# Close the html text
# Close the html text
html += '''</body> html += '''</body>
</html>''' </html>'''
html = html.replace(" '", "'") html = html.replace(" '", "'")
with open(',,/2_layout/3.html','w') as index: # Save the <html> file! with open('../2_layout/3.html', 'w') as index: # Save the <html> file!
index.write(html) index.write(html)

196
2_layout/1.html
Unescape Escape View File

@ -1,149 +1,83 @@
<html> <!DOCTYPE html>
<head> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./pagedjs_files/interface.css"> <link rel="stylesheet" href="./pagedjs_files/interface.css">
<script src="./pagedjs_files/paged.polyfill.js"></script> <script src="./pagedjs_files/paged.polyfill.js"></script>
<link rel="stylesheet" href="./styles/1.css"> <link rel="stylesheet" href="./styles/1.css">
<meta charset="utf-8"/>
<title>📡 💻📘</title> <title>📡 💻📘</title>
</head> </head>
<body> <body>
<span class='JJ'> ok </span> <span class='CD'> 12345 </span>
<span class='NN'> let </span> <span class='NN'> multiply </span>
<span class='POS'>'s </span> <span class='NN'> function </span>
<span class='NN'> talk </span> <span class='VBD'> hello </span>
<span class='IN'> in </span>
<span class='NNP'> English </span>
<span class='IN'> for </span>
<span class='NN'> awhile </span>
<span class='WP'> what </span>
<span class='VBP'> are </span>
<span class='PRP'> we </span>
<span class='VBG'> eating </span>
<span class='dot'>.</span><br>
<span class='CC'> or </span>
<span class='RB'> not </span>
<span class='IN'> so </span>
<span class='PRP'> it </span> <span class='PRP'> it </span>
<span class='VBZ'> is </span>
<span class='VBG'> starting </span>
<span class='RB'> again </span>
<span class='dot'>.</span><br>
<span class='JJ'> ok </span>
<span class='NN'> navigate </span>
<span class='dot'>.</span><br>
<span class='PRP'> you </span>
<span class='VBP'> need </span>
<span class='TO'> to </span>
<span class='VB'> rest </span>
<span class='RB'> sometimes </span>
<span class='dot'>.</span><br>
<span class='RB'> also </span>
<span class='VBD'> implemented </span>
<span class='IN'> that </span>
<span class='VBG'> implementing </span>
<span class='dot'>.</span><br>
<span class='PRP'> he </span>
<span class='VBZ'>'s </span> <span class='VBZ'>'s </span>
<span class='DT'> a </span> <span class='VBG'> working </span>
<span class='NN'> sentence </span>
<span class='CC'> and </span>
<span class='PRP'> we </span>
<span class='VBP'> are </span>
<span class='RB'> not </span>
<span class='JJ'> interested </span>
<span class='dot'>.</span><br>
<span class='VB'> remember </span>
<span class='dot'>.</span><br>
<span class='RB'> so </span> <span class='RB'> so </span>
<span class='RB'> basically </span> <span class='JJ'> much </span>
<span class='NN'> sentence </span> <span class='JJR'> better </span>
<span class='dot'>.</span><br> <span class='RB'> now </span>
<span class='WRB'> where </span> <span class='JJ'> good </span>
<span class='VBZ'> is </span> <span class='NNS'> purple </span>
<span class='TO'> to </span>
<span class='VB'> go </span>
<span class='DT'> a </span>
<span class='NN'> couple </span>
<span class='CC'> and </span>
<span class='RB'> then </span>
<span class='PRP'> you </span>
<span class='VBP'> put </span>
<span class='DT'> the </span>
<span class='NN'> adult </span>
<span class='dot'>.</span><br>
<span class='DT'> a </span>
<span class='RB'> bit </span>
<span class='JJR'> easier </span>
<span class='TO'> to </span>
<span class='VB'> understand </span>
<span class='dot'>.</span><br>
<span class='RB'> actually </span>
<span class='RB'> maybe </span>
<span class='NNS'> people </span>
<span class='RB'> just </span>
<span class='VBP'> do </span>
<span class='RB'> n't </span>
<span class='RB'> just </span>
<span class='dot'>.</span><br>
<span class='PRP'> I </span>
<span class='VBP'>'m </span>
<span class='RB'> just </span>
<span class='VBG'> thinking </span>
<span class='PRP'> it </span>
<span class='VBZ'>'s </span>
<span class='RB'> not </span>
<span class='DT'> the </span>
<span class='NNS'> centres </span>
<span class='VBP'> do </span>
<span class='RB'> n't </span>
<span class='VB'> put </span>
<span class='DT'> the </span>
<span class='NN'> dot </span>
<span class='CC'> and </span>
<span class='RB'> just </span>
<span class='VB'> put </span>
<span class='DT'> a </span>
<span class='NN'> couple </span>
<span class='dot'>.</span><br>
<span class='IN'> because </span>
<span class='RB'> then </span>
<span class='dot'>.</span><br>
<span class='PRP'> they </span>
<span class='VBP'> are </span>
<span class='VBG'> talking </span>
<span class='PRP'> they </span>
<span class='VBP'> are </span>
<span class='DT'> a </span>
<span class='NN'> booklet </span>
<span class='CC'> but </span>
<span class='PRP'> they </span>
<span class='VBP'> are </span>
<span class='RB'> not </span>
<span class='VBG'> writing </span>
<span class='dot'>.</span><br>
<span class='IN'> so </span> <span class='IN'> so </span>
<span class='PRP'> it </span> <span class='PRP'> it </span>
<span class='VBZ'> is </span> <span class='VBZ'> means </span>
<span class='RB'> just </span> <span class='IN'> that </span>
<span class='JJ'> fine </span> <span class='PRP'> it </span>
<span class='dot'>.</span><br> <span class='VBZ'> works </span>
<span class='RB'> so </span> <span class='IN'> pumpkinMichaelnewspaper </span>
<span class='NN'> canGoogle </span>
<span class='NN'> speaker </span>
<span class='JJ'> small </span>
<span class='NNP'> America </span>
<span class='TO'> to </span>
<span class='VB'> see </span>
<span class='WRB'> how </span>
<span class='PRP'> it </span>
<span class='VBZ'> goes </span>
<span class='JJ'> email </span>
<span class='NNP'> Sterling </span>
<span class='NNP'> Knight </span>
<span class='NN'> part </span>
<span class='IN'> of </span>
<span class='NN'> speech </span>
<span class='CD'> 20 </span>
<span class='JJ'> ok </span>
<span class='JJ'> independent </span>
<span class='NN'> boilerplate </span>
<span class='NNP'> IKEA </span>
<span class='WRB'> where </span>
<span class='VBP'> are </span> <span class='VBP'> are </span>
<span class='PRP$'> my </span>
<span class='JJ'> next </span>
<span class='NNP'> Tuesday </span>
<span class='NN'> mum </span>
<span class='NN'> barrister </span>
<span class='VBN'> assisted </span>
<span class='IN'> into </span>
<span class='NNS'> months </span>
<span class='VBP'> turn </span>
<span class='RP'> off </span>
<span class='VBG'> living </span>
<span class='NN'> room </span>
<span class='NNP'> TVmaterial </span>
<span class='NN'> lightstream </span>
<span class='NN'> todayhello </span>
<span class='TO'> to </span>
<span class='PRP'> you </span> <span class='PRP'> you </span>
<span class='VBN'> done </span> <span class='NNP'> CBR </span>
<span class='dot'>.</span><br> <span class='CD'> 929 </span>
<span class='CC'> and </span> <span class='MD'> ca </span>
<span class='RB'> now </span> <span class='RB'> n't </span>
<span class='VBZ'> is </span> <span class='VB'> encode </span>
<span class='JJ'> f </span> <span class='DT'> this </span>
<span class='NNP'> * </span> <span class='CD'> one </span>
<span class='NNP'> * </span> <span class='NN'> kodi </span>
<span class='NNP'> * </span> <span class='NN'> turn </span>
<span class='NNP'> * </span> <span class='NN'> bedroom </span>
<span class='NNP'> * </span> <span class='NNS'> twoalways </span>
<span class='RB'> up </span>
<span class='dot'>.</span><br>
</body> </body>
</html> </html>

196
2_layout/2.html
Unescape Escape View File

@ -1,149 +1,83 @@
<html> <!DOCTYPE html>
<head> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./pagedjs_files/interface.css"> <link rel="stylesheet" href="./pagedjs_files/interface.css">
<script src="./pagedjs_files/paged.polyfill.js"></script> <script src="./pagedjs_files/paged.polyfill.js"></script>
<link rel="stylesheet" href="./styles/2.css"> <link rel="stylesheet" href="./styles/2.css">
<meta charset="utf-8"/>
<title>📡 💻📘</title> <title>📡 💻📘</title>
</head> </head>
<body> <body>
<span class='JJ'> ok </span> <span class='CD'> 12345 </span>
<span class='NN'> let </span> <span class='NN'> multiply </span>
<span class='POS'>'s </span> <span class='NN'> function </span>
<span class='NN'> talk </span> <span class='VBD'> hello </span>
<span class='IN'> in </span>
<span class='NNP'> English </span>
<span class='IN'> for </span>
<span class='NN'> awhile </span>
<span class='WP'> what </span>
<span class='VBP'> are </span>
<span class='PRP'> we </span>
<span class='VBG'> eating </span>
<span class='dot'>.</span><br>
<span class='CC'> or </span>
<span class='RB'> not </span>
<span class='IN'> so </span>
<span class='PRP'> it </span> <span class='PRP'> it </span>
<span class='VBZ'> is </span>
<span class='VBG'> starting </span>
<span class='RB'> again </span>
<span class='dot'>.</span><br>
<span class='JJ'> ok </span>
<span class='NN'> navigate </span>
<span class='dot'>.</span><br>
<span class='PRP'> you </span>
<span class='VBP'> need </span>
<span class='TO'> to </span>
<span class='VB'> rest </span>
<span class='RB'> sometimes </span>
<span class='dot'>.</span><br>
<span class='RB'> also </span>
<span class='VBD'> implemented </span>
<span class='IN'> that </span>
<span class='VBG'> implementing </span>
<span class='dot'>.</span><br>
<span class='PRP'> he </span>
<span class='VBZ'>'s </span> <span class='VBZ'>'s </span>
<span class='DT'> a </span> <span class='VBG'> working </span>
<span class='NN'> sentence </span>
<span class='CC'> and </span>
<span class='PRP'> we </span>
<span class='VBP'> are </span>
<span class='RB'> not </span>
<span class='JJ'> interested </span>
<span class='dot'>.</span><br>
<span class='VB'> remember </span>
<span class='dot'>.</span><br>
<span class='RB'> so </span> <span class='RB'> so </span>
<span class='RB'> basically </span> <span class='JJ'> much </span>
<span class='NN'> sentence </span> <span class='JJR'> better </span>
<span class='dot'>.</span><br> <span class='RB'> now </span>
<span class='WRB'> where </span> <span class='JJ'> good </span>
<span class='VBZ'> is </span> <span class='NNS'> purple </span>
<span class='TO'> to </span>
<span class='VB'> go </span>
<span class='DT'> a </span>
<span class='NN'> couple </span>
<span class='CC'> and </span>
<span class='RB'> then </span>
<span class='PRP'> you </span>
<span class='VBP'> put </span>
<span class='DT'> the </span>
<span class='NN'> adult </span>
<span class='dot'>.</span><br>
<span class='DT'> a </span>
<span class='RB'> bit </span>
<span class='JJR'> easier </span>
<span class='TO'> to </span>
<span class='VB'> understand </span>
<span class='dot'>.</span><br>
<span class='RB'> actually </span>
<span class='RB'> maybe </span>
<span class='NNS'> people </span>
<span class='RB'> just </span>
<span class='VBP'> do </span>
<span class='RB'> n't </span>
<span class='RB'> just </span>
<span class='dot'>.</span><br>
<span class='PRP'> I </span>
<span class='VBP'>'m </span>
<span class='RB'> just </span>
<span class='VBG'> thinking </span>
<span class='PRP'> it </span>
<span class='VBZ'>'s </span>
<span class='RB'> not </span>
<span class='DT'> the </span>
<span class='NNS'> centres </span>
<span class='VBP'> do </span>
<span class='RB'> n't </span>
<span class='VB'> put </span>
<span class='DT'> the </span>
<span class='NN'> dot </span>
<span class='CC'> and </span>
<span class='RB'> just </span>
<span class='VB'> put </span>
<span class='DT'> a </span>
<span class='NN'> couple </span>
<span class='dot'>.</span><br>
<span class='IN'> because </span>
<span class='RB'> then </span>
<span class='dot'>.</span><br>
<span class='PRP'> they </span>
<span class='VBP'> are </span>
<span class='VBG'> talking </span>
<span class='PRP'> they </span>
<span class='VBP'> are </span>
<span class='DT'> a </span>
<span class='NN'> booklet </span>
<span class='CC'> but </span>
<span class='PRP'> they </span>
<span class='VBP'> are </span>
<span class='RB'> not </span>
<span class='VBG'> writing </span>
<span class='dot'>.</span><br>
<span class='IN'> so </span> <span class='IN'> so </span>
<span class='PRP'> it </span> <span class='PRP'> it </span>
<span class='VBZ'> is </span> <span class='VBZ'> means </span>
<span class='RB'> just </span> <span class='IN'> that </span>
<span class='JJ'> fine </span> <span class='PRP'> it </span>
<span class='dot'>.</span><br> <span class='VBZ'> works </span>
<span class='RB'> so </span> <span class='IN'> pumpkinMichaelnewspaper </span>
<span class='NN'> canGoogle </span>
<span class='NN'> speaker </span>
<span class='JJ'> small </span>
<span class='NNP'> America </span>
<span class='TO'> to </span>
<span class='VB'> see </span>
<span class='WRB'> how </span>
<span class='PRP'> it </span>
<span class='VBZ'> goes </span>
<span class='JJ'> email </span>
<span class='NNP'> Sterling </span>
<span class='NNP'> Knight </span>
<span class='NN'> part </span>
<span class='IN'> of </span>
<span class='NN'> speech </span>
<span class='CD'> 20 </span>
<span class='JJ'> ok </span>
<span class='JJ'> independent </span>
<span class='NN'> boilerplate </span>
<span class='NNP'> IKEA </span>
<span class='WRB'> where </span>
<span class='VBP'> are </span> <span class='VBP'> are </span>
<span class='PRP$'> my </span>
<span class='JJ'> next </span>
<span class='NNP'> Tuesday </span>
<span class='NN'> mum </span>
<span class='NN'> barrister </span>
<span class='VBN'> assisted </span>
<span class='IN'> into </span>
<span class='NNS'> months </span>
<span class='VBP'> turn </span>
<span class='RP'> off </span>
<span class='VBG'> living </span>
<span class='NN'> room </span>
<span class='NNP'> TVmaterial </span>
<span class='NN'> lightstream </span>
<span class='NN'> todayhello </span>
<span class='TO'> to </span>
<span class='PRP'> you </span> <span class='PRP'> you </span>
<span class='VBN'> done </span> <span class='NNP'> CBR </span>
<span class='dot'>.</span><br> <span class='CD'> 929 </span>
<span class='CC'> and </span> <span class='MD'> ca </span>
<span class='RB'> now </span> <span class='RB'> n't </span>
<span class='VBZ'> is </span> <span class='VB'> encode </span>
<span class='JJ'> f </span> <span class='DT'> this </span>
<span class='NNP'> * </span> <span class='CD'> one </span>
<span class='NNP'> * </span> <span class='NN'> kodi </span>
<span class='NNP'> * </span> <span class='NN'> turn </span>
<span class='NNP'> * </span> <span class='NN'> bedroom </span>
<span class='NNP'> * </span> <span class='NNS'> twoalways </span>
<span class='RB'> up </span>
<span class='dot'>.</span><br>
</body> </body>
</html> </html>

163
2_layout/styles/2.css
Unescape Escape View File

@ -1,83 +1,80 @@
@media print{ @media print {
/* Define the size of the pages and layout settings */
/* Define the size of the pages and layout settings */
@page {
@page { size: 148mm 210mm;
size: 148mm 210mm; marks: crop cross;
marks: crop cross; margin: 15mm;
margin: 15mm; }
}
/* Custom font */
/* Custom font */
@font-face {
@font-face { font-family: "neuzeit";
font-family: "neuzeit"; src: url("./fonts/NeuzeitOffice-Regular.ttf");
src: url("../fonts/NeuzeitOffice-Regular.ttf") }
}
@font-face {
@font-face { font-family: "fivo";
font-family: "fivo"; src: url("./fonts/fivo-sans.medium.otf");
src: url("../fonts/fivo-sans.medium.otf") }
}
/* Custom variables */
/* Custom variables */
:root {
:root{ --first: #19b7b9;
--first: #19B7B9; --second: #0b1136;
--second: #0B1136; --third: #2e4473;
--third: #2E4473; }
}
/* Rules for everything */
/* Rules for everything */
body {
body{ font-family: "neuzeit";
font-family: "neuzeit"; font-size: 20px;
font-size: 20px; line-height: 35px;
line-height: 35px; }
}
/* Rules for the rest */
/* Rules for the rest */
div {
div{ box-sizing: border-box;
box-sizing: border-box; }
}
span {
span{ color: white;
color: white; }
}
/* Rules for dots */
/* Rules for dots */
.dot {
.dot{ color: var(--third);
color: var(--third); }
}
/* Rules for Part Of Speech (POS), defined in classes in <span> */
/* Rules for Part Of Speech (POS), defined in classes in <span> */ /* This case, conjunctions + verbs ) */
/* This case, conjunctions + verbs ) */
span.NN {
span.CC{ font-size: 3vw;
font-size: 3vw; color: var(--first);
color: var(--first) }
}
span.VB {
color: var(--second);
span.VB{ }
color: var(--second); span.VBD {
} color: var(--second);
span.VBD{ }
color: var(--second); span.VBG {
} color: var(--second);
span.VBG{ }
color: var(--second); span.VBN {
} color: var(--second);
span.VBN{ }
color: var(--second); span.VBP {
} color: var(--second);
span.VBP{ }
color: var(--second); span.VBZ {
} color: var(--second);
span.VBZ{ }
color: var(--second); }
}
}

103
2_layout/styles/3.css
Unescape Escape View File

@ -1,54 +1,49 @@
@media print{ @media print {
/* Define the size of the pages and layout settings */
/* Define the size of the pages and layout settings */
@page {
@page { size: 148mm 210mm;
size: 148mm 210mm; marks: crop cross;
marks: crop cross; margin: 15mm;
margin: 15mm; }
}
/* Custom fonts */
/* Custom fonts */
@font-face {
@font-face { font-family: "neuzeit";
font-family: "neuzeit"; src: url("./fonts/NeuzeitOffice-Regular.ttf");
src: url("../fonts/NeuzeitOffice-Regular.ttf") }
}
@font-face {
@font-face { font-family: "fivo";
font-family: "fivo"; src: url("./fonts/fivo-sans.medium.otf");
src: url("../fonts/fivo-sans.medium.otf") }
}
/* Custom variables */
/* Custom variables */
:root {
:root{ }
/* Rules for everything */
}
body {
/* Rules for everything */ font-family: "neuzeit";
}
body{
font-family: "neuzeit"; /* Rules for the rest */
}
div {
/* Rules for the rest */ box-sizing: border-box;
}
div{
box-sizing: border-box; span {
} font-size: 20px;
line-height: 60px;
span{ }
font-size: 20px;
line-height: 60px; img {
} margin: 0 5px;
height: 50px;
img { vertical-align: middle;
margin: 0 5px; }
height: 50px; }
vertical-align: middle;
}
}

54
2_layout/styles/style.css
Unescape Escape View File

@ -1,54 +0,0 @@
@media print{
/* Define the size of the pages and layout settings */
@page {
size: 148mm 210mm;
marks: crop cross;
bleed: 5mm;
}
/* Custom font */
@font-face {
font-family: "neuzeit";
src: url("fonts/NeuzeitOffice-Regular.ttf") format("ttf")
}
@font-face {
font-family: "fivo";
src: url("fonts/fivo-sans.medium.otf") format("otf")
}
/* Custom variables */
:root{
}
/* Rules for everything */
body{
font-family: "neuzeit";
}
/* Rules for the rest */
div{
box-sizing: border-box;
}
p{
text-align: left;
font-size: 12px;
line-height: 15.5px;
}
h1{
text-align: center;
}
}

36
speech.txt
Unescape Escape View File

@ -1,18 +1,18 @@
ok let's talk in English for awhile what are we eating why is pink the colour for girls and blue the colours for boys in the 19th century girls and boys were bored dress in white because it was easier to clean after WWI World War One department store in the US realise that could make more money if baby products will be gender specific
or not so it is starting again pastel swearing fashion and it was decided that thing would be the colour for boys and blue for girls in the 94 days market research in the US just that the current should be the other way around and the baby boom generation was the first where the girl dress in pink and boys in blue
ok navigate blue
you need to rest sometimes lupilu
also implemented that implementing Balle Balle
he's a sentence and we are not interested hello
remember hello hello you when I can theoretically
so basically sentence distinguish between 75 and 10 meal on heels
where is to go a couple and then you put the adult play some
a bit easier to understand 0
actually maybe people just don't just ok
I'm just thinking it's not the centres don't put the dot and just put a couple green is the colour of metal
because then green is the colour of netta in many cultures
they are talking they are a booklet but they are not writing early retail centre of only hope for good harvest with green vegetables green is in the traditional colour of Islam yeah the colour of Prophet Muhammad which is why many flags in this number call you with the colour green
so it is just fine since 1980s Green has been kind colourful environmental parties and organisation
so are you done the word green washing is used to describe advising of companies that use positive environmental practice
and now is f***** up cease to cover-up environmentally unfriendly activities
<span class="interim"></span> rear room is used in television and Theatre to quite nervous performer

Write Preview
Loading…
Cancel
Save