XPUB
/
SI20
57
2
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'main' of https://git.xpub.nl/XPUB/SI20

Browse Source
main
Stephen Kerr 2 years ago
parent e13abe3252 7c729b9376
commit 3fc27acc3e
10 changed files with 101 additions and 24 deletions
Show Stats Download Patch File Download Diff File

18
.vscode/launch.json vendored
Unescape Escape View File

@ -0,0 +1,18 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Python: Current File",
"type": "python",
"request": "launch",
"program": "${file}",
"console": "integratedTerminal",
"justMyCode": true,
"cwd": "${workspaceFolder}/${relativeFileDirname}"
}
]
}

36
booklet/bookletc.py
Unescape Escape View File

@ -0,0 +1,36 @@
from glob import glob
import os
files = glob("content/**", recursive=True)
print(files)
print("----------")
for file in files:
#print(file)
if file.endswith(".md"):
print(file)
html_file = file.replace(".md" , ".html")
pandoc_cmd = "pandoc -f markdown -t html" + file + "-o "
os.system(pandoc_cmd)
print("html file saved!")
html_files = glob("content/**", recursive=True)
print("----------")
all_html = ""
for html_file in html_files:
if file.endswith(".html"):
print(html_file)
#open the html file and read teh content
html = open(html_file).read()
# add this content to all_html
all_html += html
print("------------")
print(all_html)
output = open()

14
carddeck1/cards.html
Unescape Escape View File

@ -7,24 +7,30 @@
<link href="stylesheet.css" rel="stylesheet"> <link href="stylesheet.css" rel="stylesheet">
</head> </head>
<body> <body>
<h1>gardening cards for lil gardeners</h1> <h1>cards</h1>
<section> <section>
<div class="card"> <div class="card">
<h2>body</h2> <h2>body</h2>
<p class = 'image'><img src='./images/1.jpg'></p> <p class = 'image'><img src='./images/3.jpg'></p>
<p class = 'text'>Some text of this card</p> <p class = 'text'>Some text of this card</p>
</div> </div>
<div class="card"> <div class="card">
<h2>panopticon</h2> <h2>panopticon</h2>
<p class = 'image'><img src='./images/2.png'></p> <p class = 'image'><img src='./images/2.jpg'></p>
<p class = 'text'>The panopticon is a design of institutional building with an inbuilt system of control!</p> <p class = 'text'>The panopticon is a design of institutional building with an inbuilt system of control!</p>
</div> </div>
<div class="card"> <div class="card">
<h2></h2> <h2></h2>
<p class = 'textnoimage'>2. Ilkyaz agini degerlendirmek ve beslemek Genç yazarlarla iletişim kurmak ve İlkyazi tanitmak, <br> davet etmek.Edebiyat ve sanat çevrelerini ortaklaştirmak adina fikir verme ve oluşturma.</p> <p class = 'textnoimage'>been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem lorem lorem lorem</p>
</div>
<div class="card">
<h2>gezi</h2>
<p class = 'image'><img src='./images/3.jpg'></p>
<p class = 'text'>these are the protests in 2013</p>
</div> </div>
</section> </section>

12
carddeck1/cards.json
Unescape Escape View File

@ -2,16 +2,22 @@
"cards" : [{ "cards" : [{
"name" : "body", "name" : "body",
"text" : "Some text of this card", "text" : "Some text of this card",
"image": "1.jpg" "image": "3.jpg"
}, },
{ {
"name" : "panopticon", "name" : "panopticon",
"text" : "The panopticon is a design of institutional building with an inbuilt system of control!", "text" : "The panopticon is a design of institutional building with an inbuilt system of control!",
"image": "2.png" "image": "2.jpg"
}, },
{ {
"name" : "", "name" : "",
"text" : "2. Ilkyaz agini degerlendirmek ve beslemek Genç yazarlarla iletişim kurmak ve İlkyazi tanitmak, <br> davet etmek.Edebiyat ve sanat çevrelerini ortaklaştirmak adina fikir verme ve oluşturma.", "text" : "been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem lorem lorem lorem",
"image": "" "image": ""
},
{
"name" : "gezi",
"text" : "these are the protests in 2013",
"image": "3.jpg"
}] }]
} }

4
carddeck1/deck1.py
Unescape Escape View File

@ -1,7 +1,7 @@
import os , json import os , json
folder = "./images/" folder = "./images/"
#load the json information #load the json information
with open ("cards.json", "r") as collage: with open("cards.json", "r") as collage:
cards = json.load(collage) cards = json.load(collage)
#html #html
@ -50,7 +50,7 @@ html = f"""
<link href="stylesheet.css" rel="stylesheet"> <link href="stylesheet.css" rel="stylesheet">
</head> </head>
<body> <body>
<h1>gardening cards for lil gardeners</h1> <h1>cards</h1>
<section> <section>
{ all_cards } { all_cards }
</section> </section>

0
carddeck1/1.jpg → carddeck1/images/1.jpg
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 840 KiB

After

Width:  |  Height:  |  Size: 840 KiB

0
carddeck1/2.jpg → carddeck1/images/2.jpg
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

0
carddeck1/3.jpg → carddeck1/images/3.jpg
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

27
carddeck1/stylesheet.css
Unescape Escape View File

@ -10,31 +10,34 @@
position: relative; position: relative;
} }
.card > p.image > img { .card > p.image > img {
width: 80mm; width: 50mm;
height: 80mm; height: 50mm;
position: absolute; position: absolute;
top: 20mm; top: 30mm;
left: 5mm; left: 10mm;
} }
.card > h2{ .card > h2{
position: absolute;
top: 5mm; top: 5mm;
left: 5mm; left: 5mm;
margin: 0; margin: 0;
text-align: center;
padding-top: 5mm;
} }
.card > p.text { .card > p.text {
width: 80mm; width: 50mm;
height: 20mm; height: 50mm;
position: absolute; position: absolute;
top: 95mm; top: 15mm;
left: 5mm; left: 10mm;
text-align: center; text-align: center;
} }
.card > p.textnoimage { .card > p.textnoimage {
width: 80mm; width: 60mm;
height: 20mm; height: 85mm;
position: absolute; position: absolute;
top: 25mm; top: 5mm;
left: 5mm; left: 5mm;
right: 5mm;
text-align: center; text-align: center;
font-size: 8;
} }

12
ogcardeck/cards.html
Unescape Escape View File

@ -37,7 +37,15 @@
</section> </section>
</body> </body>
<script> <script>
new CircleType(document.getElementById("up")).radius(380); // new CircleType(document.getElementById("up")).radius(120);
new CircleType(document.getElementById("down")).dir(-1).radius(380); // new CircleType(document.getElementById("down")).dir(-1).radius(120);
// https://www.w3schools.com/js/js_loop_for.asp
var ups = document.querySelectorAll(".up");
for (let i = 0; i < ups.length; i++) {
new CircleType(ups[i]).radius(160);
}
</script> </script>
</html> </html>
Write Preview
Loading…
Cancel
Save