diff --git a/index.html b/index.html index e839ba2..4f074c5 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,13 @@

Poster Generator

Download Poster +
+

+ How to share: Click "Copy Text" to copy the message below, then press "Share Poster" to open your favorite social media platform (e.g., LinkedIn or Twitter) and share your attendance at #ACDKOCHI24! +

+
+ +
diff --git a/script.js b/script.js index 7c595f7..0f10e18 100644 --- a/script.js +++ b/script.js @@ -92,9 +92,12 @@ function generatePoster() { image.src = e.target.result; }; reader.readAsDataURL(file); + + document.getElementById('instruction-box').style.display = "block"; + }; - document.getElementById('shareTextContainer').style.display = 'block'; + } async function sharePoster() { diff --git a/style.css b/style.css index 7a351f8..3c1ddf6 100644 --- a/style.css +++ b/style.css @@ -74,3 +74,11 @@ footer { font-size: 0.9rem; color: #777; } + +.instruction-box { + font-weight: 500; + background-color: #f8f9fa; /* Light gray background */ + border: 1px solid #dee2e6; /* Subtle border color */ + border-radius: 8px; /* Rounded corners */ + display: none; +}