------------------------------------------------------------
commit c766f40e159e7d0021f9a275e4ac0db0fef54a1f
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:03:25 2024 +0000 Updated style.css diff --git a/style.css b/style.css index ae10f3d..a7c6046 100644 --- a/style.css +++ b/style.css @@ -12,6 +12,7 @@ body { background-color: #f0f0f0; margin: 0; padding: 0; + padding-top: 20px; display: flex; justify-content: center; align-items: center; ------------------------------------------------------------
commit cb945b2bffec21b86f35c780db25e0f987f7a59a
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:03:08 2024 +0000 Updated style.css diff --git a/style.css b/style.css index 35a100b..ae10f3d 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,12 @@ +.banner { + position: fixed; + left: 0; + right: 0; + top: 0; + height: 30px; + text-align: center; +} + body { font-family: Arial, sans-serif; background-color: #f0f0f0; ------------------------------------------------------------
commit 8a5676f82fd3c15ba15cf26846775854129905a9
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:02:43 2024 +0000 Updated index.scroll diff --git a/index.scroll b/index.scroll index 4f9d51e..b553ca2 100644 --- a/index.scroll +++ b/index.scroll @@ -7,7 +7,8 @@ replace MESSAGE Happy Birthday Gob! style.css -button Make your own +Make your own + class banner https://hub.scroll.pub/index.html?template=gaggiftcard div#giftCard ------------------------------------------------------------
commit fd678118455b8c1adedbeecf4c13c1662941f13d
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:02:33 2024 +0000 Updated index.scroll diff --git a/index.scroll b/index.scroll index 696d06d..4f9d51e 100644 --- a/index.scroll +++ b/index.scroll @@ -1,25 +1,25 @@ -buildHtml -replace ADDRESS 1 Hermosa Beach -replace AMOUNT $200 -replace A_URL https://en.wikipedia.org/wiki/Arrested_Development -replace MERCHANT The Banana Stand -replace MESSAGE Happy Birthday Gob! - -style.css - -button Make your own - https://hub.scroll.pub/index.html?template=gaggiftcard - -div#giftCard -# Gift Card -* AMOUNT - class value -* MERCHANT - class merchantName -* ADDRESS - class address -* MESSAGE - class message -<div class="qr-code"> -qrcode A_URL -</div> +buildHtml +replace ADDRESS 1 Hermosa Beach +replace AMOUNT $200 +replace A_URL https://en.wikipedia.org/wiki/Arrested_Development +replace MERCHANT The Banana Stand +replace MESSAGE Happy Birthday Gob! + +style.css + +button Make your own + https://hub.scroll.pub/index.html?template=gaggiftcard + +div#giftCard +# Gift Card +* AMOUNT + class value +* MERCHANT + class merchantName +* ADDRESS + class address +* MESSAGE + class message +<div class="qr-code"> +qrcode A_URL +</div> ------------------------------------------------------------
commit a0cdaef9478a74a2a6e936ea2860fd01a5168df3
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:02:31 2024 +0000 Updated index.scroll diff --git a/index.scroll b/index.scroll index d8eb302..696d06d 100644 --- a/index.scroll +++ b/index.scroll @@ -5,13 +5,11 @@ replace A_URL https://en.wikipedia.org/wiki/Arrested_Development replace MERCHANT The Banana Stand replace MESSAGE Happy Birthday Gob! -// Change the below +style.css button Make your own https://hub.scroll.pub/index.html?template=gaggiftcard -style.css - div#giftCard # Gift Card * AMOUNT ------------------------------------------------------------
commit 00b21696c621507cd9cb96c6556c0d4e73217727
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:02:23 2024 +0000 Updated style.css diff --git a/style.css b/style.css index 2ea8732..35a100b 100644 --- a/style.css +++ b/style.css @@ -1,46 +1,51 @@ +body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; +} - body { - font-family: Arial, sans-serif; - background-color: #f0f0f0; - margin: 0; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - } - #giftCard { - background-color: #ffffff; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); - padding: 40px; - text-align: center; - max-width: 400px; - width: 100%; - } - h1 { - color: #2c3e50; - font-size: 28px; - margin-bottom: 20px; - } - .value { - font-size: 48px; - font-weight: bold; - color: #e74c3c; - margin-bottom: 20px; - } - .merchantName { - font-size: 24px; - color: #34495e; - margin-bottom: 10px; - } - .address { - color: #7f8c8d; - margin-bottom: 20px; - } - .message { - font-size: 18px; - font-style: italic; - color: #16a085; - margin-bottom: 20px; - } +#giftCard { + background-color: #ffffff; + border-radius: 10px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); + padding: 40px; + text-align: center; + max-width: 400px; + width: 100%; +} + +h1 { + color: #2c3e50; + font-size: 28px; + margin-bottom: 20px; +} + +.value { + font-size: 48px; + font-weight: bold; + color: #e74c3c; + margin-bottom: 20px; +} + +.merchantName { + font-size: 24px; + color: #34495e; + margin-bottom: 10px; +} + +.address { + color: #7f8c8d; + margin-bottom: 20px; +} + +.message { + font-size: 18px; + font-style: italic; + color: #16a085; + margin-bottom: 20px; +} \ No newline at end of file ------------------------------------------------------------
commit caa3b72136e11d94193da1242848e341b2152b66
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:01:52 2024 +0000 Updated style.css diff --git a/style.css b/style.css index e69de29..2ea8732 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,46 @@ + + body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + } + #giftCard { + background-color: #ffffff; + border-radius: 10px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); + padding: 40px; + text-align: center; + max-width: 400px; + width: 100%; + } + h1 { + color: #2c3e50; + font-size: 28px; + margin-bottom: 20px; + } + .value { + font-size: 48px; + font-weight: bold; + color: #e74c3c; + margin-bottom: 20px; + } + .merchantName { + font-size: 24px; + color: #34495e; + margin-bottom: 10px; + } + .address { + color: #7f8c8d; + margin-bottom: 20px; + } + .message { + font-size: 18px; + font-style: italic; + color: #16a085; + margin-bottom: 20px; + } ------------------------------------------------------------
commit 55f61b4234036f0de9f3e793ced74db9e978332a
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:01:47 2024 +0000 Updated style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..e69de29 ------------------------------------------------------------
commit 8a21ba67cab52ae1d1cb69a96c2df8469fbc80ea
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:01:45 2024 +0000 Updated index.scroll diff --git a/index.scroll b/index.scroll index 6f16d4f..d8eb302 100644 --- a/index.scroll +++ b/index.scroll @@ -10,6 +10,8 @@ replace MESSAGE Happy Birthday Gob! button Make your own https://hub.scroll.pub/index.html?template=gaggiftcard +style.css + div#giftCard # Gift Card * AMOUNT ------------------------------------------------------------
commit 124a487da289d71208d0e1cd5561e0b3da2f645f
Author: ffff:50.207.70.4 <ffff:50.207.70.4@hub.scroll.pub> Date: Fri Oct 11 21:01:41 2024 +0000 Updated index.scroll diff --git a/index.scroll b/index.scroll index 05fd251..6f16d4f 100644 --- a/index.scroll +++ b/index.scroll @@ -23,50 +23,3 @@ div#giftCard <div class="qr-code"> qrcode A_URL </div> - -css - body { - font-family: Arial, sans-serif; - background-color: #f0f0f0; - margin: 0; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - } - #giftCard { - background-color: #ffffff; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); - padding: 40px; - text-align: center; - max-width: 400px; - width: 100%; - } - h1 { - color: #2c3e50; - font-size: 28px; - margin-bottom: 20px; - } - .value { - font-size: 48px; - font-weight: bold; - color: #e74c3c; - margin-bottom: 20px; - } - .merchantName { - font-size: 24px; - color: #34495e; - margin-bottom: 10px; - } - .address { - color: #7f8c8d; - margin-bottom: 20px; - } - .message { - font-size: 18px; - font-style: italic; - color: #16a085; - margin-bottom: 20px; - }