more

2 years ago · bb515c1dc0
parent 76510967b8
commit bb515c1dc0
2 changed files with 31 additions and 4 deletions
--- a/ogcardeck/cards.html
+++ b/ogcardeck/cards.html
@ -11,6 +11,24 @@
    <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>
+
+    <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>
+
+    <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>
+
    <div class="card">
        <p id="up" class="up">'o ccafè</p>
        <p id="down" class="down">the coffee</p>
@ -19,8 +37,7 @@
    </section>
 </body> 
 <script>
-    new CircleType(document.getElementById("#up")).radius(320); 
-    new CircleType(document.getElementById("#down")).dir(-1).radius(320); 
+    new CircleType(document.getElementById("up")).radius(380); 
+    new CircleType(document.getElementById("down")).dir(-1).radius(380); 
    </script>
 </html>
-
--- a/ogcardeck/stylesheet.css
+++ b/ogcardeck/stylesheet.css
@ -17,3 +17,13 @@
    left: 0;
    margin: 8mm;
 }
+
+p {
+    position: absolute;
+    margin: 2mm;
+    width: 100%;
+}
+
+p.down {
+    bottom:0;  
+}