Updated links and added support

TerribleCoding · TerribleCoding · commit a3de4809c603 · 2021-03-25T19:51:37.000+01:00
diff --git a/index.html b/index.html
@@ -5,12 +5,15 @@
     <title>Profiles Calculator</title>
     <script src="https://cdn.jsdelivr.net/npm/p5@1.3.0/lib/p5.js"></script>
     <link rel="stylesheet" type="text/css" href="style.css">
-    <link rel="icon" type="image/x-icon" href="https://www.flaticon.com/svg/vstatic/svg/2427/2427527.svg?token=exp=1616006400~hmac=8eed44d6afa3d17fc07217318344a544">
+    <link rel="icon" type="image/x-icon"
+        href="https://www.flaticon.com/svg/vstatic/svg/2427/2427527.svg?token=exp=1616006400~hmac=8eed44d6afa3d17fc07217318344a544">
 </head>
 
 <body>
     <div>
-        <h1><!--AnySection--></h1>
+        <h1>
+            <!--AnySection-->
+        </h1>
         <img src="assets/ico/tool-logo.png" alt="AnySection" class="tool-logo">
         <h3>Select a profile shape</h3>
     </div>
@@ -24,18 +27,24 @@ <h3>Select a profile shape</h3>
     <script src="script.js"></script>
     <div class="copyright">
         <p class="copyright">Project developed by</p>
-        <a href="#">
+        <a href="https://github.com/TerribleCoding" target="_blank">
             <img src="assets/ico/TClogo-inline.svg" class="logo">
         </a>
         <p class="copyright">and hosted on</p>
-        <a href="#">
+        <a href="https://github.com/" target="_blank">
             <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Logo.png" class="logo">
         </a>
         <br>
-        <a href="https://github.com/TerribleCoding/Profiles-Calculator">
-            <p class="copyright">v1.0</p>
+        <a href="https://github.com/TerribleCoding/Profiles-Calculator" target="_blank">
+            <p class="copyright">AnySection v1.0</p>
         </a>
+        <div style="height: 30px;">
+            <a href="https://www.buymeacoffee.com/terriblecoding" target="_blank">
+                <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"
+                    style="height: 40px !important;">
+            </a>
+        </div>
     </div>
 </body>
 
-</html>
+</html>
diff --git a/style.css b/style.css
@@ -94,7 +94,7 @@ a.thumbnail {
 
 .container {
     display: inline-block;
-    padding: 16px 48px 16px 48px; /*padding: 16px; for side bar*/
+    padding: 0 48px 0 48px; /*16px for side bar*/
     margin: 0 auto 0 auto;
     text-align: center;
     width: calc(100% - 2 * var(--side-margin) - var(--side-bar) - 4 * 16px);
@@ -141,6 +141,7 @@ img.back {
 
 .drawing {
     width: 80%;
+    min-width: 300px;
     border-radius: 24px;
     padding: 8px;
     background-color: var(--color-1);
