Merge pull request #21 from JustDeveloper1/main

Add "List of all subdomains" link in "Check Subdomain Availability" h2 html element

Author: orangci

index.html

@@ -60,7 +60,7 @@ <h3>Grab your own sweet-looking <span>.is-a.dev</span> subdomain.</h3>
                 src="//cdn.carbonads.com/carbon.js?serve=CW7DE2JU&placement=is-adev&format=cover"
                 id="_carbonads_js"></script>
 
-            <h2>Check Subdomain Availability</h2>
+            <h2>Check Subdomain Availability<small><a target="_blank" href="https://all.is-a.dev/">List of all subdomains</a></small></h2>
             <div class="search-cntnr">
                 <input id="search-domain" disabled type="text">
             </div>

styles/main.css

@@ -218,3 +218,32 @@ input::placeholder {
     color: #fff;
     background: var(--accent);
 }
+
+/* List of all subdomains link (all.is-a.dev) */
+@media(min-width: 716px) {
+    main h2:first-of-type  {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: space-between;
+        align-items: flex-end;
+        small {
+            opacity: 0.8;
+            scale: 0.8;
+            translate: 10% 10%;
+            -webkit-translate: 10% 10%;
+            text-decoration: underline;
+            text-decoration-color: #5f39d396;
+            :hover {
+                filter: drop-shadow(0px 0px 5px #5f39d396);
+                -webkit-filter: drop-shadow(0px 0px 5px #5f39d396);
+                padding: 0px;
+            }
+        }
+    }
+}
+@media(max-width: 716px) {
+    main h2:first-of-type small {
+        display: none;
+    }
+}