something useful

2 years ago · 76510967b8
parent 9fb965cb95
commit 76510967b8
7 changed files with 128 additions and 0 deletions
--- a/ogcardeck/.DS_Store
+++ b/ogcardeck/.DS_Store
--- a/ogcardeck/cards.html
+++ b/ogcardeck/cards.html
@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>flex card</title>
+        <link href="stylesheet.css" rel="stylesheet">
+        <script src="circletype.min.js"></script>
+
+    </head>
+    <body>
+    <section>
+
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    </section>
+</body> 
+<script>
+    new CircleType(document.getElementById("#up")).radius(320); 
+    new CircleType(document.getElementById("#down")).dir(-1).radius(320); 
+    </script>
+</html>
+
--- a/ogcardeck/cards.json
+++ b/ogcardeck/cards.json
@ -0,0 +1,12 @@
+{
+	"cards" : [{
+		"name" : "body",
+		"text" : "Some text of this card",
+		"image": "1.png"
+	},
+	{
+		"name" : "panopticon",
+		"text" : "The panopticon is a design of institutional building with an inbuilt system of control!",
+		"image": "2.png"
+	}]
+}
--- a/ogcardeck/circletype.min.js
+++ b/ogcardeck/circletype.min.js
--- a/ogcardeck/deck1.py
+++ b/ogcardeck/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 src='{ image }'>"
+    #img = "<img src="' + image +"'>"
+    
+    #define title
+    title = titles[counter] 
+    
+    #printing to inspect
+    print(img)
+    
+    #mini template for card
+    card = f"""
+    <div class="card">
+        <h2>{ title }</h2>
+        <p>{ img }</p>
+    </div>
+    """
+    #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"""
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>flex card</title>
+        <link href="stylesheet.css" rel="stylesheet">
+    </head>
+    <body>
+<h1>gardening cards for lil gardeners</h1>
+    <section>
+    { all_cards }
+    </section>
+</body> 
+</html>
+
+"""
+with open("cards.html", "w") as output:
+    output.write(html)
--- a/ogcardeck/images/coffee.PNG
+++ b/ogcardeck/images/coffee.PNG
--- a/ogcardeck/stylesheet.css
+++ b/ogcardeck/stylesheet.css
@ -0,0 +1,19 @@
+.card
+{
+    width: 10cm;
+    height: 10cm;
+    border: solid 1px black;
+    box-shadow: 5px 5px 0px gray;
+    float: left;
+    margin: 2mm;
+    position: relative;
+    border-radius: 100%;
+    text-align: center;
+}
+.card > img {
+    width: calc(100% - 8mm - 8mm);
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: 8mm;
+}