diff options
| author | Minteck <contact@minteck.org> | 2022-05-14 18:39:23 +0200 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-05-14 18:39:23 +0200 |
| commit | 825a95e13bd2e712544a5ba40c739da053d90f1c (patch) | |
| tree | 0d7ae8269eed0378f00cae08d6c8762023aa0157 /about | |
| parent | 0e2c894c25ffdf9e5c4baa2c4cb2c68d5fe30ea2 (diff) | |
| download | ember-825a95e13bd2e712544a5ba40c739da053d90f1c.tar.gz ember-825a95e13bd2e712544a5ba40c739da053d90f1c.tar.bz2 ember-825a95e13bd2e712544a5ba40c739da053d90f1c.zip | |
Improve about page
Diffstat (limited to 'about')
| -rw-r--r-- | about/index.php | 70 |
1 files changed, 68 insertions, 2 deletions
diff --git a/about/index.php b/about/index.php index 65ed9c4..19d4d8a 100644 --- a/about/index.php +++ b/about/index.php @@ -6,8 +6,74 @@ <h1 class="text-center">My name is <span id="scoots">Scootaloo</span>!</h1> <h3 class="text-center">I'm the computer pegasus</h3> - <p>TODO: Add some sort of circles with things I like (MLP, computers, Linux, OSS, music, video, photography, graphical design)</p> - <div id="circles"></div> + <div id="circles"> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/mlp.png" alt=""> + </div> + <div class="circle-text"> + My Little Pony + </div> + </div> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/computers.png" alt=""> + </div> + <div class="circle-text"> + Computers + </div> + </div> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/linux.png" alt=""> + </div> + <div class="circle-text"> + Linux + </div> + </div> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/opensource.png" alt=""> + </div> + <div class="circle-text"> + Open-source + </div> + </div> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/music.png" alt=""> + </div> + <div class="circle-text"> + Music + </div> + </div> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/cinema.png" alt=""> + </div> + <div class="circle-text"> + Cinema + </div> + </div> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/photography.png" alt=""> + </div> + <div class="circle-text"> + Photography + </div> + </div> + <div class="circle"> + <div class="circle-icon"> + <img class="circle-icon-img" src="/assets/about/vector.png" alt=""> + </div> + <div class="circle-text"> + Graphic design + </div> + </div> + </div> + + <br> <p><b>Info about me:</b></p> <table class="table"> |