diff --git a/carddeck1/cards.html b/carddeck1/cards.html
index 4ad0a2c..946a3c2 100644
--- a/carddeck1/cards.html
+++ b/carddeck1/cards.html
@@ -7,12 +7,12 @@
         <link href="stylesheet.css" rel="stylesheet">
     </head>
     <body>
-<h1>gardening cards for lil gardeners</h1>
+<h1>cards</h1>
     <section>
     
     <div class="card">
         <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>
     </div>
     
@@ -24,7 +24,7 @@
     
     <div class="card">
         <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 class="card">
diff --git a/carddeck1/cards.json b/carddeck1/cards.json
index 1da19df..5801bd7 100644
--- a/carddeck1/cards.json
+++ b/carddeck1/cards.json
@@ -2,7 +2,7 @@
 	"cards" : [{
 		"name" : "body",
 		"text" : "Some text of this card",
-		"image": "1.jpg"
+		"image": "3.jpg"
 	},
 	{
 		"name" : "panopticon",
@@ -11,7 +11,7 @@
 	},
 	{
 		"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": ""
 	},
 	{
diff --git a/carddeck1/deck1.py b/carddeck1/deck1.py
index ed062e6..44a92ab 100644
--- a/carddeck1/deck1.py
+++ b/carddeck1/deck1.py
@@ -50,7 +50,7 @@ html = f"""
         <link href="stylesheet.css" rel="stylesheet">
     </head>
     <body>
-<h1>gardening cards for lil gardeners</h1>
+<h1>cards</h1>
     <section>
     { all_cards }
     </section>
diff --git a/carddeck1/stylesheet.css b/carddeck1/stylesheet.css
index e1f97fa..4a3efdb 100644
--- a/carddeck1/stylesheet.css
+++ b/carddeck1/stylesheet.css
@@ -10,31 +10,34 @@
     position: relative;
 }
 .card > p.image > img {
-   width: 80mm;
-   height: 80mm;
+   width: 50mm;
+   height: 50mm;
    position: absolute;
-   top: 20mm;
-   left: 5mm; 
+   top: 30mm;
+   left: 10mm; 
 }
 .card > h2{
-    position: absolute;
     top: 5mm;
     left: 5mm;
     margin: 0;
+    text-align: center;
+    padding-top: 5mm;
 }
 .card > p.text {
-    width: 80mm;
-    height: 20mm;
+    width: 50mm;
+    height: 50mm;
     position: absolute;
-    top: 95mm;
-    left: 5mm;
+    top: 15mm;
+    left: 10mm;
     text-align: center; 
  }
  .card > p.textnoimage {
-    width: 80mm;
-    height: 20mm;
+    width: 60mm;
+    height: 85mm;
     position: absolute;
-    top: 25mm;
+    top: 5mm;
     left: 5mm;
-    text-align: center; 
+    right: 5mm;
+    text-align: center;
+    font-size: 8; 
  }
\ No newline at end of file
diff --git a/ogcardeck/cards.html b/ogcardeck/cards.html
index 90845f1..d8717ff 100644
--- a/ogcardeck/cards.html
+++ b/ogcardeck/cards.html
@@ -37,7 +37,15 @@
     </section>
 </body> 
 <script>
-    new CircleType(document.getElementById("up")).radius(380); 
-    new CircleType(document.getElementById("down")).dir(-1).radius(380); 
+    // new CircleType(document.getElementById("up")).radius(120); 
+    // 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>
 </html>
\ No newline at end of file
