RustyStriker/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

better colors and better looks

Browse source
This commit is contained in:
Aviv "RustyStriker" Romem 2022-04-16 17:40:41 +03:00
parent 26d7ec006c
commit d00b65bd1e
4 changed files with 130 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

62
index.html
View file

@ -13,31 +13,33 @@
<h1 style="color: crimson;">
Rusty's Awesome Test Site
</h1>
<p>
Welcome to my awesome test site,
I will Attempt to learn html using it,
and you can view my progress here(i guess)...
</p>
<p>
Why am i doing this for myself?
Because it is about time I learn to make websites
(and i want to really know how bad js is and if ts is actually any good)
</p>
<p style="background-color: whitesmoke; color: black; text-align: left;">
Imma do a lot of dumb shit here, like not centering this text.
<br>
And also giving it different colors
</p>
<p>
But enough with the games!
<h1>
I PRESENT TO YOU: &#129345;&#129345;&#129345;
</h1>
</p>
<p>
A button
</p>
<button onclick="onCoolButtonClick()">This is a cool button, click me</button>
<div>
<p>
Welcome to my awesome test site,
I will Attempt to learn html using it,
and you can view my progress here(i guess)...
</p>
<p>
Why am i doing this for myself?
Because it is about time I learn to make websites
(and i want to really know how bad js is and if ts is actually any good)
</p>
<p style="background-color: whitesmoke; color: black; text-align: left;">
Imma do a lot of dumb shit here, like not centering this text.
<br>
And also giving it different colors
</p>
<p>
But enough with the games!
<h1>
I PRESENT TO YOU: &#129345;&#129345;&#129345;
</h1>
</p>
<p>
A button
</p>
<button onclick="onCoolButtonClick()">This is a cool button, click me</button>
</div>
<div id="appearing-div" style="visibility: hidden;">
<p>
As you can see, clicking that button changes the background.
@ -66,8 +68,8 @@
<br>
Only one way to find out!
</p>
<input type="range" min="0" max="100" value="100" id="alphaSlider" oninput="onSliderInput()">
</div>
<input type="range" min="0" max="100" value="100" id="alphaSlider" oninput="onSliderInput()">
<div id="animated">
<p>
And now, I will attempt to animate this div
@ -82,9 +84,8 @@
(I really hope it works well)
</p>
<button onclick="animateDivAgain()">I hope this is better</button>
</div>
<p>
This is indeed MUCH MUCH better. BUT, it is experimental
<p>
This is indeed MUCH MUCH better. BUT, it is experimental
and not supported on everything or something
(like Safari, and also IE but that is deprecated).
<br>
@ -99,7 +100,8 @@
<br>
<a href="another_page.html">I am really not sure how it works</a>
</p>
</div>
</body>
<script>
function onCoolButtonClick() {