33 < head >
44 < meta charset ="UTF-8 " />
55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6- < meta name ="og:url " content ="https://tech-tac.github.io " />
7- < meta name ="og:site_name " content ="Tech-Tac " />
6+
87 < meta name ="title " content ="Tech-Tac " />
98 < meta name ="author " content ="Tech-Tac " />
109 < meta name ="description " content ="My projects and how to contact me. " />
11- < meta name ="keywords " content ="Tech-Tac, Personal Website, Website, Projects, Project Showcase, Cubes " />
12- < meta name ="og:image " content ="avatar.png " />
13- < meta name ="og:image:type " content ="image/png " />
14- < meta name ="og:image:width " content ="256 " />
15- < meta name ="og:image:height " content ="256 " />
1610 < meta name ="theme-color " content ="#0088ff " />
11+
12+ < meta property ="og:url " content ="https://tech-tac.github.io " />
13+ < meta property ="og:site_name " content ="Tech-Tac " />
14+ < meta property ="og:image " content ="avatar.png " />
15+ < meta property ="og:image:type " content ="image/png " />
16+ < meta property ="og:image:width " content ="256 " />
17+ < meta property ="og:image:height " content ="256 " />
18+
1719 < link rel ="apple-touch-icon " sizes ="120x120 " href ="apple-touch-icon-120x120-precomposed.png " />
1820 < link rel ="apple-touch-icon " sizes ="152x152 " href ="apple-touch-icon-152x152-precomposed.png " />
21+
1922 < title > Tech-Tac</ title >
23+
2024 < link rel ="stylesheet " href ="style.css " />
25+ < link rel ="icon " href ="favicon.ico ">
2126 < link rel ="shortcut icon " href ="avatar.png " type ="image/png " />
2227 </ head >
2328 < body >
2429 < header id ="header ">
2530 < input type ="checkbox " id ="theme-toggle " title ="Toggle theme " />
26- < img src ="avatar.png " alt ="Avatar " height ="128pt " width ="128pt " />
31+ < img src ="avatar.png " alt ="Avatar " height ="128pt " width ="128pt " loading =" lazy " />
2732 < h1 style ="margin-block: 0 "> I'm < span class ="tech-tac "> Tech-Tac</ span > .</ h1 >
2833 < p > An avid JavaScript enjoyer.</ p >
2934 < div class ="button-group " id ="contact ">
3035 < a href ="mailto:im.tech.tac@gmail.com "> < button class ="email "> E-mail</ button > </ a >
3136 < a href ="https://github.com/Tech-Tac "> < button class ="github "> GitHub</ button > </ a >
32- < a href ="https://discord.gg/TbyZ3wshWp "> < button class ="discord "> Discord</ button > </ a >
37+ < a href ="https://discord.gg/TbyZ3wshWp " title =" Tech-Tac's Lab (Discord Server) " > < button class ="discord "> Discord</ button > </ a >
3338 < a href ="https://youtube.com/@Tech-Tac "> < button class ="youtube "> YouTube</ button > </ a >
3439 </ div >
3540 < hr />
@@ -38,34 +43,34 @@ <h1 style="margin-block: 0">I'm <span class="tech-tac">Tech-Tac</span>.</h1
3843 < h2 id ="projects "> My Projects</ h2 >
3944 < div class ="wrapper ">
4045 < section >
41- < img src ="banners/logic_gates.png " alt ="CarGame Screenshot " />
46+ < img src ="banners/logic_gates.png " alt ="A 1-bit full-adder built with Logic Gates " />
4247 < h3 > Logic Gates</ h3 >
43- < p > A little logic gate circuit simulator.</ p >
48+ < p > A simple logic gate circuit simulator.</ p >
4449 < div class ="button-group ">
4550 < a href ="https://tech-tac.github.io/logic-gates "> < button class ="primary "> ▶ Try</ button > </ a >
4651 < a href ="https://www.github.com/Tech-Tac/logic-gates " target ="_blank "> < button > Source</ button > </ a >
4752 </ div >
4853 </ section >
4954 < section >
50- < img src ="banners/cargame.png " alt ="CarGame Screenshot " />
55+ < img src ="banners/cargame.png " alt ="Pixelated car with retro artifacts. " />
5156 < h3 > CarGame</ h3 >
52- < p > A little retro car to drive around.</ p >
57+ < p > A little retro car to drive around aimlessly .</ p >
5358 < div class ="button-group ">
5459 < a href ="https://tech-tac.github.io/CarGame "> < button class ="primary "> ▶ Try</ button > </ a >
5560 < a href ="https://www.github.com/Tech-Tac/CarGame " target ="_blank "> < button > Source</ button > </ a >
5661 </ div >
5762 </ section >
5863 < section >
59- < img src ="banners/cubes.png " alt ="Cubes Screenshot " />
64+ < img src ="banners/cubes.png " alt ="Three isometric cubes of different colors. " />
6065 < h3 > Cubes</ h3 >
61- < p > 2.5D voxel art game .</ p >
66+ < p > 2.5D voxel rendering via CSS .</ p >
6267 < div class ="button-group ">
6368 < a href ="https://tech-tac.github.io/cubes "> < button class ="primary "> ▶ Try</ button > </ a >
6469 < a href ="https://www.github.com/Tech-Tac/cubes " target ="_blank "> < button > Source</ button > </ a >
6570 </ div >
6671 </ section >
6772 < section >
68- < img src ="banners/loading.png " alt ="Loading... Screenshot " />
73+ < img src ="banners/loading.png " alt ="A circular loading bar surrounded by prgoress bits. " />
6974 < h3 > Loading...</ h3 >
7075 < p > A Progressbar95 clone.</ p >
7176 < div class ="button-group ">
@@ -74,7 +79,7 @@ <h3>Loading...</h3>
7479 </ div >
7580 </ section >
7681 < section >
77- < img src ="banners/button.png " alt ="Button Screenshot " />
82+ < img src ="banners/button.png " alt ="A tempting-looking button... " />
7883 < h3 > Button</ h3 >
7984 < p > Click as many buttons as possible!</ p >
8085 < div class ="button-group ">
@@ -83,9 +88,9 @@ <h3>Button</h3>
8388 </ div >
8489 </ section >
8590 < section >
86- < img src ="banners/coming_soon.png " alt ="Coming Soon " />
91+ < img src ="banners/coming_soon.png " alt ="👀 " />
8792 < h3 > More Coming Soon!</ h3 >
88- < p > Stay tuned for more! </ p >
93+ < p > Stay tuned for more. </ p >
8994 </ section >
9095 </ div >
9196 </ main >
0 commit comments