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;
 }