Skip to content

Instantly share code, notes, and snippets.

@rtoal
Created March 13, 2021 23:37
Show Gist options
  • Save rtoal/e972008bfa8b0e56a0998a12172d0b28 to your computer and use it in GitHub Desktop.
Save rtoal/e972008bfa8b0e56a0998a12172d0b28 to your computer and use it in GitHub Desktop.
Language Pictures
<head>
<link href="https://fonts.googleapis.com/css?family=Courgette|Catamaran|Tangerine|Assistant|Lora|Source+Sans+Pro|Open+Sans|Pacifico|Nothing+You+Could+Do|Lato|Titillium+Web" rel="stylesheet">
<style>
td {width: 150px; height: 150px; text-align: center; font-family:Helvetica}
.js {font-family: Assistant; font-size:450%; font-weight:800; text-align:right; padding-right:10px}
.rust {font-family: 'Source Sans Pro'; font-size: 300%; font-weight: 500}
.python {font-family: 'Titillium Web'; font-size: 250%; font-weight: normal; color:#bbb}
.haskell {font-family: Helvetica; font-size: 225%; font-weight: 500; letter-spacing: -2px}
.java {font-family: 'Open Sans'; font-size: 300%; font-weight:400; color:#eef}
.elm {font-family: 'Open Sans'; font-size: 325%; font-weight: 300; letter-spacing: 5px}
.ruby {font-family: Lora; font-size: 280%; font-weight: 100; color: white}
.csharp {font-family: Lato; font-size: 400%; font-weight: 200; color: #eef; text-shadow: #111 1px 1px}
.scala {font-family: Lato, sans-serif; font-size:300%; font-weight: 900; letter-spacing:2px}
.julia {font-family: 'Impact', sans-serif; font-size:350%; font-weight: 900}
.lua {font-family: Helvetica; font-size: 350%; font-weight: 500; color: white}
.c {font-family: Helvetica; font-size: 500%; font-weight: 800; color: white}
.erlang {font-family: Pacifico; font-size: 275%}
.coffeescript {font-family: Courgette; font-size: 200%; font-weight: 200; color: white}
.clojure {font-family: 'Open Sans'; font-size: 225%}
.go {font-family: 'Nothing You Could Do', sans-serif; font-size:400%; font-style: italic;color:white}
.swift {font-family: Catamaran; font-size:300%; font-weight:100}
.k {font-family: Tangerine; font-size: 400%; font-weight: 800}
.cpp {font-family: Helvetica; font-size: 400%; font-weight: 700; color: white; text-shadow: black 2px 3px}
.nasm {font-family: Catamaran; font-size: 300%; font-weight: 900; color: #faa}
</style>
</head>
<body>
<table border=0 cellspacing=5>
<tr>
<td style="background-color:#f1e05a" class="js" valign=bottom>JS</td>
<td style="background-color:#dea584" class="rust">Rust</td>
<td style="background-color:#3572A5" class="python">python</td>
<td style="background-color:#29b544" class="haskell">Haskell</td>
<td style="background-color:#b07219" class="java">Java</td>
</tr>
<tr>
<td style="background-color:#60B5CC" class="elm">elm</td>
<td style="background-color:#701516" class="ruby">Ruby</td>
<td style="background-color:#178600" class="csharp">C<span style="font-family:Georgia">#</span></td>
<td style="background-color:#7dd3b0" class="scala">Scala</td>
<td style="background-color:#a270ba" class="julia">julia</td>
</tr>
<tr>
<td style="background-color:#000080" class="lua">Lua</td>
<td style="background-color:#555555" class="c">C</td>
<td style="background-color:#B83998" class="erlang">Erlang</span></td>
<td style="background-color:#ffac45" class="swift">Swift</td>
<td style="background-color:#375eab" class="go"><span style="position:relative;left:-6px">GO</span></td>
</tr>
<tr>
<td style="background-color:#244776" class="coffeescript">Coffee<br>Script</td>
<td style="background-color:#db5855" class="clojure">Clojure</td>
<td style="background-color:#9EEDFF" class="k"><span style="position:relative;left:-4px">K</span></td>
<td style="background-color:#f34b7d;" class="cpp">C++</td>
<td style="background-color:#6E4C13" class="nasm">nasm</td>
</tr>
</tr>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment