From 5c42f001fd9df6948975035856eb4062c35d8f8e Mon Sep 17 00:00:00 2001 From: suzan Date: Tue, 14 Mar 2023 14:34:12 +0300 Subject: [PATCH] cards for game --- carddeck1/cards.html | 26 +++++++++++++++++ carddeck1/deck1.py | 63 ++++++++++++++++++++++++++++++++++++++++ carddeck1/stylesheet.css | 24 +++++++++++++++ 3 files changed, 113 insertions(+) create mode 100644 carddeck1/cards.html create mode 100644 carddeck1/deck1.py create mode 100644 carddeck1/stylesheet.css diff --git a/carddeck1/cards.html b/carddeck1/cards.html new file mode 100644 index 0000000..83eaea3 --- /dev/null +++ b/carddeck1/cards.html @@ -0,0 +1,26 @@ + + + + + + flex card + + + +

gardening cards for lil gardeners

+
+ +
+

1.png

+

+
+ +
+

1.png

+

+
+ +
+ + + diff --git a/carddeck1/deck1.py b/carddeck1/deck1.py new file mode 100644 index 0000000..c9e2cc6 --- /dev/null +++ b/carddeck1/deck1.py @@ -0,0 +1,63 @@ +import os +folder = "./images/" +#defining as a list +images = [] +titles = [] +#shows all the images +os.listdir(folder) +for image in os.listdir(folder): + print(image) + print(folder + image) + print("---") + images.append(folder + image) + titles.append(image) + +#html +counter = 0 +all_cards = "" + +for image in images: + #html image element + img = f"" + #img = "" + + #define title + title = titles[counter] + + #printing to inspect + print(img) + + #mini template for card + card = f""" +
+

{ title }

+

{ img }

+
+ """ + #printing to inspect mini template + print(card) + + #add it to the all cards variable + all_cards = all_cards + card + #we add +1 to our counter + +counter = counter + 1 +html = f""" + + + + + flex card + + + +

gardening cards for lil gardeners

+
+ { all_cards } +
+ + + +""" +with open("cards.html", "w") as output: + output.write(html) \ No newline at end of file diff --git a/carddeck1/stylesheet.css b/carddeck1/stylesheet.css new file mode 100644 index 0000000..b167782 --- /dev/null +++ b/carddeck1/stylesheet.css @@ -0,0 +1,24 @@ +.card +{ + width: 90mm; + height: 120mm; + border: solid 1px black; + border-radius: 10px; + box-shadow: 5px 5px 0px gray; + float: left; + margin: 2mm; + position: relative; +} +.card > p > img { + width: 80mm; + height: 80mm; + position: absolute; + top: 20mm; + left: 5mm; +} +.card > h2{ + position: absolute; + top: 5mm; + left: 5mm; + margin: 0; +}