silicoflare/silicoflare-website
1
0
Fork 0
mirror of https://github.com/silicoflare/silicoflare-website.git synced 2026-05-26 20:17:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

Update creations.html

Browse Source
This commit is contained in:
SilicoFlare
2022-10-27 15:57:48 +05:30
committed by GitHub
parent 5716a36cbe
commit 9c223c1752
1 changed files with 113 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
creations.html
View File

@@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -17,8 +18,7 @@
return check; return check;
}; };
function show() function show() {
{
var x = document.querySelector(".dropdown-menu"); var x = document.querySelector(".dropdown-menu");
if (x.style.display === "block") { if (x.style.display === "block") {
x.style.display = "none"; x.style.display = "none";
@@ -27,19 +27,16 @@
} }
} }
function setHeader() function setHeader() {
{
var phone = document.querySelector(".phone"); var phone = document.querySelector(".phone");
var pc = document.querySelector(".pc"); var pc = document.querySelector(".pc");
pc.style.display = "none"; pc.style.display = "none";
phone.style.display = "none"; phone.style.display = "none";
if(window.mobileAndTabletCheck()) if (window.mobileAndTabletCheck()) {
{
phone.style.display = "block"; phone.style.display = "block";
pc.style.display = "none"; pc.style.display = "none";
} }
else else {
{
pc.style.display = "block"; pc.style.display = "block";
phone.style.display = "none"; phone.style.display = "none";
} }
@@ -48,6 +45,7 @@
<title>My Creations - SilicoFlare</title> <title>My Creations - SilicoFlare</title>
</head> </head>
<body onload="setHeader()"> <body onload="setHeader()">
<header> <header>
<div class="pc"> <div class="pc">
@@ -55,7 +53,8 @@
<div class='nav'> <div class='nav'>
<button type="button" class="menu" onclick="window.location.href = 'index.html';">Home</button> <button type="button" class="menu" onclick="window.location.href = 'index.html';">Home</button>
<button type="button" class="menu" onclick="window.location.href = 'updates.html';">Updates</button> <button type="button" class="menu" onclick="window.location.href = 'updates.html';">Updates</button>
<button type = "button" class = "menu clicked" onclick = "window.location.href = 'creations.html';">My Creations</button> <button type="button" class="menu clicked" onclick="window.location.href = 'creations.html';">My
Creations</button>
<button type="button" class="menu" onclick="window.location.href = 'contact.html';">Contact Me</button> <button type="button" class="menu" onclick="window.location.href = 'contact.html';">Contact Me</button>
</div><br><br> </div><br><br>
</div> </div>
@@ -77,48 +76,70 @@
<div class="content"> <div class="content">
<br>Here's a list of all the poems I have written till now. Happy reading!<br><br> <br>Here's a list of all the poems I have written till now. Happy reading!<br><br>
<center> <center>
<button type = "button" class = "listing" onclick = "window.open('./poems/the_day_we_met.html', '_blank').focus();">The Day We Met</button><br><br> <button type="button" class="listing"
<button type = "button" class = "listing" onclick = "window.open('./poems/laziness.html', '_blank').focus();">Laziness</button><br><br> onclick="window.open('./poems/the_day_we_met.html', '_blank').focus();">The Day We
<button type = "button" class = "listing" onclick = "window.open('./poems/that_certain_someone.html', '_blank').focus();">That Certain Someone</button><br><br> Met</button><br><br>
<button type = "button" class = "listing" onclick = "window.open('./poems/my_first_love.html', '_blank').focus();;">My First Love</button><br><br> <button type="button" class="listing"
<button type = "button" class = "listing" onclick = "window.open('./poems/my_bestie.html', '_blank').focus();">My Bestie</button><br><br> onclick="window.open('./poems/laziness.html', '_blank').focus();">Laziness</button><br><br>
<button type = "button" class = "listing" onclick = "window.open('./poems/the_fate_anthem.html', '_blank').focus();">The Fate Anthem</button><br><br> <button type="button" class="listing"
onclick="window.open('./poems/that_certain_someone.html', '_blank').focus();">That Certain
Someone</button><br><br>
<button type="button" class="listing"
onclick="window.open('./poems/my_first_love.html', '_blank').focus();;">My First
Love</button><br><br>
<button type="button" class="listing"
onclick="window.open('./poems/my_bestie.html', '_blank').focus();">My Bestie</button><br><br>
<button type="button" class="listing"
onclick="window.open('./poems/the_fate_anthem.html', '_blank').focus();">The Fate
Anthem</button><br><br>
</center> </center>
</div> </div>
<br> <br>
<button class="collapsible">SilicoHand</button> <button class="collapsible">SilicoHand</button>
<div class="content"> <div class="content">
<p>SilicoHand is the font I created by myself. It's sleek and boxy, and I love it that way. Here are all the characters:<br><br> <p>SilicoHand is the font I created by myself. It's sleek and boxy, and I love it that way. Here are all the
characters:<br><br>
<center> <center>
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z<br> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z<br>
a b c d e f g h i j k l m n o p q r s t u v w x y z<br> a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
0 1 2 3 4 5 6 7 8 9<br> 0 1 2 3 4 5 6 7 8 9<br>
. , ? ! ; : ' " / \ @ # $ % ^ & *<br> . , ? ! ; : ' " / \ @ # $ % ^ & *<br>
( ) [ ] { } + - _ | = < ></center><br><br> ( ) [ ] { } + - _ | = <>
Download the font <a href="./data/silicohand.ttf">here</a>!</p> </center><br><br>
Download the font <a href="./data/silicohand.ttf">here</a>!
</p>
</div> </div>
<br> <br>
<button class="collapsible">My Previous Logos</button> <button class="collapsible">My Previous Logos</button>
<div class="content"> <div class="content">
<p>Here is a gallery of all the logos I previously designed for myself.<br><br> <p>Here is a gallery of all the logos I previously designed for myself.<br><br>
<p>My logo when I was Captain CyberFreak.<br> <p>My logo when I was Captain CyberFreak.<br>
<center><img height="256" width="256" src="./data/logos/cyberfreak_logo.png" alt="CyberFreak Logo" /></center> <center><img height="256" width="256" src="./data/logos/cyberfreak_logo.png" alt="CyberFreak Logo" />
</center>
</p> </p>
<p>My fireball processor logo.<br> <p>My fireball processor logo.<br>
<center><img height="256" width="256" src="./data/logos/fireball_logo.png" alt="Fireball Logo" /></center> <center><img height="256" width="256" src="./data/logos/fireball_logo.png" alt="Fireball Logo" />
</center>
</p> </p>
<p>My motherboard logo.<br> <p>My motherboard logo.<br>
<center><img height="256" width="256" src="./data/logos/processor_logo.png" alt="CyberFreak Logo" /></center> <center><img height="256" width="256" src="./data/logos/processor_logo.png" alt="CyberFreak Logo" />
</center>
</p> </p>
<p>My simplistic logo.<br> <p>My simplistic logo.<br>
<center><img height="256" width="256" src="./data/logos/simple_logo.png" alt="CyberFreak Logo" /></center> <center><img height="256" width="256" src="./data/logos/simple_logo.png" alt="CyberFreak Logo" />
</center>
</p> </p>
</div> </div>
<br> <br>
<button class="collapsible">Passenger List - Project</button> <button class="collapsible">Passenger List - Project</button>
<div class="content"> <div class="content">
<p>A simulation of passenger info list from train booking websites. <a href="./creations/passenger_list/pass_info.html" target="_blank">Click here</a> to go to project file.</p> <p>A simulation of passenger info list from train booking websites. <a
href="./creations/passenger_list/pass_info.html" target="_blank">Click here</a> to go to project
file.</p>
</div> </div>
<br>
<button class="collapsible">My COnscripts</button>
<div class="content">Here is a list of all scripts that I have constructed so far. Enjoy exploring!</div>
</main> </main>
<footer></footer> <footer></footer>
<script> <script>