images/icon-defs.svg

@@ -6,21 +6,11 @@
     <symbol id="icon-github" viewBox="0 0 32 32">
       <path d="M16 .395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182.8.148 1.094-.347 1.094-.77 0-.381-.015-1.642-.022-2.979-4.452.968-5.391-1.888-5.391-1.888-.728-1.849-1.776-2.341-1.776-2.341-1.452-.993.11-.973.11-.973 1.606.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33.143-1.034.558-1.74 1.016-2.14-3.554-.404-7.29-1.777-7.29-7.907 0-1.747.625-3.174 1.649-4.295-.166-.403-.714-2.03.155-4.234 0 0 1.344-.43 4.401 1.64 1.276-.355 2.645-.532 4.005-.539 1.359.006 2.729.184 4.008.539 3.054-2.07 4.395-1.64 4.395-1.64.871 2.204.323 3.831.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895.574.497 1.085 1.47 1.085 2.963 0 2.141-.019 3.864-.019 4.391 0 .426.288.925 1.099.768C27.421 29.457 32 23.462 32 16.395c0-8.837-7.164-16-16-16z"/>
     </symbol>
-    <symbol id="icon-codeberg" viewBox="0 0 4.233 4.233">
-			<path d="M2.095.122A2.117 2.117 0 0 0 .3 3.362l1.765-2.28c.012-.017.044-.017.057 0l1.765 2.28A2.117 2.117 0 0 0 4.21 2.24 2.117 2.117 0 0 0 2.095.122z"/>
-			<path d="M2.212 1.097a.018.014 0 0 0-.018.016L3.01 4.17a2.117 2.117 0 0 0 .956-.82L2.228 1.104a.018.014 0 0 0-.016-.007z" opacity=".2"/>
-    </symbol>
     <symbol id="icon-matrix" viewBox="0 0 32 32">
       <path d="M.843.733v30.533H3.04v.733H0v-32h3.04v.733zm9.39 9.68v1.543h.044c.412-.591.911-1.045 1.489-1.365.577-.327 1.248-.487 2-.487.72 0 1.377.143 1.975.419.597.277 1.047.776 1.36 1.477.339-.499.8-.941 1.379-1.323.579-.383 1.267-.573 2.061-.573.604 0 1.163.075 1.68.223.517.147.955.381 1.324.707.368.327.652.745.861 1.268.203.523.307 1.151.307 1.889v7.637h-3.132V15.36c0-.381-.013-.745-.043-1.083a2.3145 2.3145 0 0 0-.246-.893l.006.013a1.493 1.493 0 0 0-.577-.594l-.007-.004c-.259-.147-.609-.221-1.047-.221-.443 0-.8.085-1.071.252-.267.166-.483.39-.635.656l-.005.009c-.153.268-.261.581-.306.915l-.002.013c-.049.313-.078.676-.08 1.044v6.36h-3.133v-6.4c0-.339-.005-.671-.024-1.003a2.7716 2.7716 0 0 0-.197-.936l.007.019c-.113-.281-.304-.511-.548-.667l-.006-.003c-.259-.167-.635-.253-1.139-.253-.148 0-.345.032-.585.099-.24.068-.48.191-.707.376-.228.184-.425.449-.585.793-.16.345-.24.8-.24 1.36v6.621H7.279v-11.42zm20.924 20.854V.734H28.96V.001H32v32h-3.04v-.733z"/>
     </symbol>
     <symbol id="icon-fediverse" viewBox="0 0 850 850">
       <path d="M464.1633 0q-32 0-55 22t-25 55q-2 33 20.5 58t56 27q33.5 2 58.5-20.5t27-56q2-33.5-20.5-59t-56.5-26.5zm-87 95-232 118q20 20 25 48l231-118q-19-20-24-48zm167 27q-13 25-38 38l183 184q13-25 39-38zm-142 22-135 265 40 40 143-280q-28-5-48-25zm104 16q-22 11-46 10l-8-1 21 132 56 9zm-426 34q-32 0-55 22.5t-25 55q-2 32.5 20.5 58t56.5 27q34 1.5 59-21t26.5-56q1.5-33.5-21-58.5t-55.5-27zm90 68q1 9 1 18-1 19-10 35l132 21 26-50zm225 36-26 51 311 49q-1-8-1-17 1-19 10-36zm372 6q-32 1-55 23t-24.5 55q-1.5 33 21 58t56 27q33.5 2 58.5-20.5t27-56.5q2-34-20.5-59t-56.5-27zm-606 13q-13 25-39 38l210 210 51-25zm-40 38q-21 11-44 10l-9-1 40 256q21-10 45-9l8 1zm364 22 48 311q21-10 44-9l10 1-46-294zm195 23-118 60 8 56 135-68q-20-20-25-48zm26 49-119 231q28 5 48 25l119-231q-28-5-48-25zm-475 29-68 134q28 5 48 25l60-119zm262 17-281 143q19 20 24 48l265-135zm-55 100-51 25 106 107q13-25 39-38zm-291 24q-32 0-55.5 22.5t-25 55q-1.5 32.5 21 57.5t56 27q33.5 2 58.5-20.5t27-56q2-33.5-20.5-58.5t-56.5-27zm89 68q2 9 1 18-1 19-9 35l256 41q-1-9-1-18 1-18 10-35zm335 0q-32 0-55 22.5t-24.5 55q-1.5 32.5 20.5 58t56 27q34 1.5 59-21t27-56q2-33.5-20.5-58.5t-56.5-27z"/>
     </symbol>
-		<symbol id="icon-mastodon" viewBox="0 0 74 79">
-			<path d="M73.701 17.432c-1.14-8.38-8.524-14.985-17.277-16.265C54.947.951 49.352.164 36.39.164h-.097C23.328.164 20.547.95 19.07 1.167 10.56 2.411 2.789 8.346.903 16.826-.004 21.002-.1 25.632.068 29.879c.24 6.09.287 12.17.846 18.237a84.928 84.928 0 0 0 2.018 11.96c1.792 7.268 9.047 13.316 16.156 15.784 7.61 2.573 15.794 3 23.636 1.234a35.201 35.201 0 0 0 2.56-.692c1.903-.599 4.136-1.269 5.778-2.446a.184.184 0 0 0 .075-.142v-5.877a.173.173 0 0 0-.138-.167.178.178 0 0 0-.077 0 66.19 66.19 0 0 1-15.338 1.773c-8.89 0-11.28-4.173-11.966-5.91-.55-1.502-.9-3.068-1.04-4.659a.17.17 0 0 1 .136-.175.173.173 0 0 1 .08.002 64.936 64.936 0 0 0 15.087 1.772c1.223 0 2.441 0 3.664-.032 5.111-.141 10.499-.4 15.528-1.372.125-.024.25-.046.358-.078 7.933-1.506 15.482-6.236 16.249-18.211.029-.472.1-4.939.1-5.428.004-1.662.542-11.794-.079-18.02ZM61.493 47.314H53.15V27.107c0-4.254-1.792-6.424-5.437-6.424-4.008 0-6.015 2.567-6.015 7.636V39.38h-8.291V28.32c0-5.07-2.011-7.637-6.019-7.637-3.624 0-5.434 2.17-5.437 6.424v20.207h-8.334v-20.82c0-4.255 1.098-7.634 3.294-10.14 2.265-2.499 5.237-3.782 8.925-3.782 4.27 0 7.496 1.623 9.646 4.867l2.076 3.446 2.079-3.446c2.15-3.244 5.377-4.867 9.639-4.867 3.684 0 6.656 1.283 8.928 3.783 2.197 2.502 3.295 5.882 3.295 10.139l-.008 20.82Z"/>
-		</symbol>
-		<symbol id="icon-bluesky" viewBox="0 0 568 501">
-			<path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"/>
-		</symbol>
   </defs>
 </svg>

index.html

@@ -82,17 +82,9 @@
 					<svg class="icon icon-github"><use xlink:href="images/icon-defs.svg#icon-github"></use></svg>
 					GitHub
 				</a></li>
-				<li><a rel="me" class="u-url url" href="https://codeberg.org.com/caesar">
-					<svg class="icon icon-codeberg"><use xlink:href="images/icon-defs.svg#icon-codeberg"></use></svg>
-					Codeberg
-				</a></li>
 				<li><a rel="me" class="u-url url" href="https://indieweb.social/@caesar">
-					<svg class="icon icon-mastodon"><use xlink:href="images/icon-defs.svg#icon-mastodon"></use></svg>
+					<svg class="icon icon-fediverse"><use xlink:href="images/icon-defs.svg#icon-fediverse"></use></svg>
-					Mastodon
+					Fediverse
-				</a></li>
-				<li><a rel="me" class="u-url url" href="https://bsky.app/profile/caesar.dev">
-					<svg class="icon icon-bluesky"><use xlink:href="images/icon-defs.svg#icon-bluesky"></use></svg>
-					Bluesky
 				</a></li>
 				<li><a rel="me" class="u-url url" href="https://matrix.to/#/@caesar:schinas.net">
 					<svg class="icon icon-matrix"><use xlink:href="images/icon-defs.svg#icon-matrix"></use></svg>

style.css

@@ -1,6 +1,3 @@
-* {
-	box-sizing: border-box;
-}
 html {
 	background: #eee;
 	color: #444;
@@ -12,7 +9,7 @@ html {
 }
 body {
 	grid-row: 2;
-	max-width: 34em;
+	max-width: 30em;
 	margin: auto;
 	padding: 2em;
 	line-height: 1.5em;
@@ -88,11 +85,11 @@ img.profile {
 	padding: 0;
 }
 .contact li {
-	width: 50%;
+	flex: 1 0 6em;
 	list-style-type: none;
 	display: inline-block;
-	padding: 0.5em 1em;
+	margin: 0.5em 1em;
-	margin: 0;
+	padding: 0;
 }
 .contact a {
 	display: inline-block;
@@ -100,10 +97,11 @@ img.profile {
 	height: 1.5em;
 }
 .contact a .icon {
+	padding-right: 0.5em;
 	width: 1.7em;
 	height: 1.7em;
 	vertical-align: bottom;
-	margin: 0 0.5em 0 -2.4em;
+	margin-left: -2.4em;
 }
 .contact a:hover {
 	color: #08f;
@@ -153,11 +151,6 @@ code {
 		display: inline;
 	}
 }
-@media (min-width: 600px) {
-	.contact li {
-		width: 33.3%;
-	}
-}
 @media (min-width: 800px) {
 	html {
 		font-size: 20px;