From d1c34dde7b659433027413074bc45426ee1e711e Mon Sep 17 00:00:00 2001 From: suzan Date: Tue, 21 Mar 2023 16:34:19 +0300 Subject: [PATCH 1/2] margins and size --- carddeck1/cards.json | 10 +++++----- carddeck1/stylesheet.css | 19 +++++++++---------- 2 files changed, 14 insertions(+), 15 deletions(-) diff --git a/carddeck1/cards.json b/carddeck1/cards.json index 5b511bc..8ffb86b 100644 --- a/carddeck1/cards.json +++ b/carddeck1/cards.json @@ -25,24 +25,24 @@ "image": "4.jpg" }, { - "name" : "body", + "name" : "Resistance", "text" : "Some text of this card", - "image": "4.jpg" + "image": "11.jpg" }, { "name" : "body", "text" : "Some text of this card", - "image": "4.jpg" + "image": "10.jpg" }, { "name" : "body", "text" : "Some text of this card", - "image": "4.jpg" + "image": "9.jpg" }, { "name" : "body", "text" : "Some text of this card", - "image": "4.jpg" + "image": "7.jpg" }, { "name" : "body", diff --git a/carddeck1/stylesheet.css b/carddeck1/stylesheet.css index 0670248..7b9d327 100644 --- a/carddeck1/stylesheet.css +++ b/carddeck1/stylesheet.css @@ -1,20 +1,19 @@ .card { - width: 70mm; - height: 95mm; - border: solid 1px black; + width: 8.5cm; + height: 13.5cm; + border: solid 3px black; border-radius: 10px; - box-shadow: 5px 5px 0px gray; float: left; - margin: 2mm; position: relative; + margin: 2mm; } .card > p.image > img { - width: 50mm; - height: 50mm; + width: 8.5cm; + height: 12cm; position: absolute; - top: 30mm; - left: 10mm; + top: 15mm; + border-radius: 10px; } .card > h2{ top: 5mm; @@ -40,5 +39,5 @@ left: 5mm; right: 5mm; text-align: center; - font-size: 8; + font-size: 6.5; } \ No newline at end of file From 0714b7228df7282c8f1cfb964950d47714fc2fb3 Mon Sep 17 00:00:00 2001 From: suzan Date: Tue, 21 Mar 2023 17:01:21 +0300 Subject: [PATCH 2/2] image size --- carddeck1/cards.html | 34 ++++++++++++++++++++++------------ carddeck1/cards.json | 20 ++++++++++---------- carddeck1/stylesheet.css | 1 + 3 files changed, 33 insertions(+), 22 deletions(-) diff --git a/carddeck1/cards.html b/carddeck1/cards.html index 946a3c2..8c03b4a 100644 --- a/carddeck1/cards.html +++ b/carddeck1/cards.html @@ -11,26 +11,36 @@
-

body

-

-

Some text of this card

+

SHAHMARAN

+

+

-

panopticon

-

-

The panopticon is a design of institutional building with an inbuilt system of control!

+

RESISTANCE

+

+

-

-

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

+

IDENTIFY ME

+

+

+
+
+

DARLING, DARLING

+

+

-
-

gezi

-

-

these are the protests in 2013

+

I HAD A DREAM

+

+

+
+ +
+

+

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

diff --git a/carddeck1/cards.json b/carddeck1/cards.json index 8ffb86b..f057279 100644 --- a/carddeck1/cards.json +++ b/carddeck1/cards.json @@ -25,28 +25,28 @@ "image": "4.jpg" }, { - "name" : "Resistance", - "text" : "Some text of this card", + "name" : "RESISTANCE", + "text" : "", "image": "11.jpg" }, { - "name" : "body", - "text" : "Some text of this card", + "name" : "SHAHMARAN", + "text" : "", "image": "10.jpg" }, { - "name" : "body", - "text" : "Some text of this card", + "name" : "IDENTIFY ME", + "text" : "", "image": "9.jpg" }, { - "name" : "body", - "text" : "Some text of this card", + "name" : "DARLING, DARLING", + "text" : "", "image": "7.jpg" }, { - "name" : "body", - "text" : "Some text of this card", + "name" : "I HAD A DREAM", + "text" : "", "image": "4.jpg" }, { diff --git a/carddeck1/stylesheet.css b/carddeck1/stylesheet.css index 7b9d327..4c96152 100644 --- a/carddeck1/stylesheet.css +++ b/carddeck1/stylesheet.css @@ -21,6 +21,7 @@ margin: 0; text-align: center; padding-top: 5mm; + font-size: 9; } .card > p.text { width: 50mm;