From 3a82f22136051979d6771bd1c4797744d303fe7c Mon Sep 17 00:00:00 2001
From: Andreas Grasser <andi@grasserisen.de>
Date: Sat, 19 Nov 2022 22:14:44 +0100
Subject: [PATCH] Font Size Change

---
 create-circle.js |  1 -
 image.js         |  4 +++-
 index.html       |  2 +-
 style.css        | 10 ++++++++++
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/create-circle.js b/create-circle.js
index c3887aa..1938371 100644
--- a/create-circle.js
+++ b/create-circle.js
@@ -56,7 +56,6 @@ function processStatuses(statuses) {
 
     for (var i=0; i<jsonStat.length; i++) {
         if (!jsonStat[i]["reblog"]) {
-            console.log(jsonStat[i]["content"]);
             evaluateStatus(jsonStat[i]["id"], (jsonStat[i]["favourites_count"]>0), (jsonStat[i]["reblogs_count"]>0));
             request_limit--;
             if (request_limit<0) break;
diff --git a/image.js b/image.js
index 498b167..3821181 100644
--- a/image.js
+++ b/image.js
@@ -6,6 +6,8 @@ const radius = [64,58,50];
 let userNum = 0;
 
 function render(users) {
+	userNum = 0;
+
 	const canvas = document.getElementById("canvas");
 	const ctx = canvas.getContext("2d");
     
@@ -16,7 +18,7 @@ function render(users) {
 	ctx.fillStyle = "#282c37";
 	ctx.fillRect(0, 0, width, height);
 
-    loadImage(ctx, ownProfilePic, (width/2)-110, (height/2)-110, 110, 110);
+	loadImage(ctx, ownProfilePic, (width/2)-110, (height/2)-110, 110, 110);
 
 	// loop over the layers
 	for (var layerIndex=0; layerIndex<3; layerIndex++) {
diff --git a/index.html b/index.html
index debb325..0ab9640 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
     <script src="image.js"></script>
     <h1>Mastodon Circle Creator</h1>
     <!-- Logo? -->
-    <input id="txt_mastodon_handle" type="text" placeholder="@sonnenbrandi@mieke.club" style="width: 300px;">
+    <input id="txt_mastodon_handle" type="text" onchange="document.getElementById('btn_create').style = 'display: inline;'; document.getElementById('btn_download').style = 'display: none;'" placeholder="@sonnenbrandi@mieke.club">
     <button id="btn_create" onClick="circle_main()">Circle Erstellen</button>
     <button id="btn_download" onClick="downloadImage()" style="display: none;">DOWNLOAD</button>
     <br><br><br>
diff --git a/style.css b/style.css
index 9a584b3..49b2f23 100644
--- a/style.css
+++ b/style.css
@@ -5,4 +5,14 @@ body {
     line-height: 200%;
     padding-top: 75px;
     text-align: center;
+}
+
+input[type="text"]
+{
+    font-size: 30px;
+    width: 50%;
+}
+
+button {
+    font-size: 30px;
 }
\ No newline at end of file