Skip to content

Commit

Permalink
index: auto-break icons into rows
Browse files Browse the repository at this point in the history 
Less code this way and still looks like an Android launcher.
  • Loading branch information
@vmiklos
vmiklos committed Oct 31, 2024
1 parent e1fb34a commit 9c7ac85
Showing 1 changed file with 18 additions and 23 deletions.
41 changes: 18 additions & 23 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,10 @@
<style type="text/css">
div.table {
margin-top: 200px;
text-align: center;
margin-left: auto;
margin-right: auto;
/* 4 columns */
max-width: 300px;
}
body {
background-color: white;
Expand Down Expand Up @@ -37,28 +40,20 @@
</head>
<body>
<div class="table">
<div>
<a id="blog" href="/blog/"><img src="grid/blogger.png" alt="Blog"/></a>
<a id="bookmarks" href="/bookmarks/"><img src="grid/delicious.png" alt="Bookmarks"/></a>
<a id="github" href="/github"><img src="grid/github.png" alt="GitHub"/></a>
<a id="libreoffice" href="/libreoffice/"><img src="grid/libreoffice.png" alt="LibreOffice"/></a>
</div>
<div>
<a id="linkedin" href="http://linkedin.com/in/vmiklos"><img src="grid/linkedin.png" alt="LinkedIn"/></a>
<a id="mastodon" href="https://fosstodon.org/@vmiklos"><img src="grid/mastodon.png" alt="Mastodon"/></a>
<a id="opensuse" href="https://build.opensuse.org/project/show/home:vmiklos"><img src="grid/opensuse.png" alt="openSUSE"/></a>
<a id="osm" href="/osm/"><img src="grid/osm.png" alt="OpenStreetMap"/></a>
</div>
<div>
<a id="portfolio" href="/portfolio/"><img src="grid/openhub.png" alt="Open Hub"/></a>
<a id="rubik" href="/rubik/"><img src="grid/rubik.png" alt="Rubik cube solving"/></a>
<a id="sleep" href="https://f-droid.org/en/packages/hu.vmiklos.plees_tracker/"><img src="grid/plees.png" alt="Sleep tracker"/></a>
<a id="speakerdeck" href="https://speakerdeck.com/vmiklos"><img src="grid/speakerdeck.png" alt="Speaker Deck"/></a>
</div>
<div>
<a id="strava" href="http://www.strava.com/athletes/vmiklos"><img src="grid/strava.png" alt="Strava"/></a>
<a id="visits" href="/visited-countries/"><img src="/grid/globe.png" alt="Countries I have visited in the world"/></a>
</div>
<a id="blog" href="/blog/"><img src="grid/blogger.png" alt="Blog"/></a>
<a id="bookmarks" href="/bookmarks/"><img src="grid/delicious.png" alt="Bookmarks"/></a>
<a id="github" href="/github"><img src="grid/github.png" alt="GitHub"/></a>
<a id="libreoffice" href="/libreoffice/"><img src="grid/libreoffice.png" alt="LibreOffice"/></a>
<a id="linkedin" href="http://linkedin.com/in/vmiklos"><img src="grid/linkedin.png" alt="LinkedIn"/></a>
<a id="mastodon" href="https://fosstodon.org/@vmiklos"><img src="grid/mastodon.png" alt="Mastodon"/></a>
<a id="opensuse" href="https://build.opensuse.org/project/show/home:vmiklos"><img src="grid/opensuse.png" alt="openSUSE"/></a>
<a id="osm" href="/osm/"><img src="grid/osm.png" alt="OpenStreetMap"/></a>
<a id="portfolio" href="/portfolio/"><img src="grid/openhub.png" alt="Open Hub"/></a>
<a id="rubik" href="/rubik/"><img src="grid/rubik.png" alt="Rubik cube solving"/></a>
<a id="sleep" href="https://f-droid.org/en/packages/hu.vmiklos.plees_tracker/"><img src="grid/plees.png" alt="Sleep tracker"/></a>
<a id="speakerdeck" href="https://speakerdeck.com/vmiklos"><img src="grid/speakerdeck.png" alt="Speaker Deck"/></a>
<a id="strava" href="http://www.strava.com/athletes/vmiklos"><img src="grid/strava.png" alt="Strava"/></a>
<a id="visits" href="/visited-countries/"><img src="grid/globe.png" alt="Countries I have visited in the world"/></a>
</div>
</body>
</html>

0 comments on commit 9c7ac85

Please sign in to comment.