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
aglaia 2 years ago
parent 767a1bcc0f f1bae3503d
commit 7c729b9376
5 changed files with 32 additions and 21 deletions
Show Stats Download Patch File Download Diff File

6
carddeck1/cards.html
Unescape Escape View File

@ -7,12 +7,12 @@
<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>
@ -24,7 +24,7 @@
<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>
<div class="card"> <div class="card">

4
carddeck1/cards.json
Unescape Escape View File

@ -2,7 +2,7 @@
"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",
@ -11,7 +11,7 @@
}, },
{ {
"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": ""
}, },
{ {

2
carddeck1/deck1.py
Unescape Escape View File

@ -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>

29
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;
text-align: center; right: 5mm;
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