minor style fixes, added tor.toufy.me entry

index.html

@@ -102,9 +102,14 @@
 							><i class="fa-solid fa-code-merge"></i><span>git</span></h3
 						>
 						<p class="sd-grid-card-description"
-							>personal <a href="https://forgejo.org">forgejo</a> instance.
+							>personal
-							registration is restricted, but all project repositories are
+							<a
-							accessible and available under free licenses.</p
+								href="https://forgejo.org"
+								target="_blank"
+								>forgejo</a
+							>
+							instance. registration is restricted, but all project repositories
+							are accessible and available under free licenses.</p
 						>
 						<div class="sd-grid-actions-row">
 							<a
@@ -127,8 +132,14 @@
 							><span>search</span></h3
 						>
 						<p class="sd-grid-card-description"
-							>my public <a href="https://searxng.org">searxng</a> instance. no
+							>my public
-							usage metrics. most probably will add TOR proxy in the future.</p
+							<a
+								href="https://searxng.org"
+								target="_blank"
+								>searxng</a
+							>
+							instance. no usage metrics. passes all outgoing requests through
+							TOR, so might be a little slow.</p
 						>
 
 						<div class="sd-grid-actions-row">
@@ -146,6 +157,35 @@
 							></a>
 						</div>
 					</div>
+					<div class="sd-grid-card">
+						<h3 class="sd-grid-card-title"
+							><i class="fa-regular fa-snowflake"></i><span>tor</span></h3
+						>
+						<p class="sd-grid-card-description"
+							>embedded
+							<a
+								href="https://snowflake.torproject.org"
+								target="_blank"
+								>snowflake</a
+							>. open this page and keep the tab running in the background to
+							spin up your own snowflake instance</p
+						>
+
+						<div class="sd-grid-actions-row">
+							<a
+								class="sd-grid-card-action"
+								href="https://tor.toufy.me"
+								target="_blank"
+								>check<i class="fa-solid fa-arrow-up-right-from-square"></i
+							></a>
+							<a
+								class="sd-grid-card-action"
+								href="https://git.toufy.me/toufy/tor-snowflake"
+								target="_blank"
+								>source<i class="fa-solid fa-arrow-up-right-from-square"></i
+							></a>
+						</div>
+					</div>
 					<div class="sd-grid-card">
 						<h3 class="sd-grid-card-title"
 							><i class="fa-solid fa-wifi"></i><span>captive portal</span></h3

style.css

@@ -157,11 +157,14 @@ html {
 						align-items: center;
 						justify-content: space-between;
 						background-color: var(--background-alt);
-						padding: 5px;
+						padding: 4px;
-						margin: 5px;
+						margin: 4px;
 						border-radius: 5px;
 						border: 1px solid var(--primary);
+						max-width: 100%;
+						@media (min-width: 600px) {
 							max-width: 300px;
+						}
 						.sd-grid-card-title {
 							text-align: center;
 							display: flex;