-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (73 loc) · 3.52 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<title>pi-this</title>
<link rel="icon" href="https://raw.githubusercontent.com/pi-this/pi-this.github.io/main/logo.png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://pi-this.github.io/css/homestyle.css"></link>
</link>
</head>
<body>
<div class="header">
<t>pi-this</t>
<p>Pi this, pi that @ pi-this.github.io</p>
<p id="pi" ></p>
</div>
<div class="topnav">
<a id="leftlink" href="https://pi-this.github.io/">Home</a>
<a id="leftlink" href="https://pi-this.github.io/definitionsofpi">definitions</a>
<a id="rightlink" href="https://pi-this.github.io/profile">private profile</a>
<a id="rightlink" href="https://pi-this.github.io/profilesettings">profile settings</a>
<a id="leftlink" href="https://pi-this.github.io/programming">coding</a>
<a id="leftlink" href="https://pi-this.github.io/games">games</a>
<a id="leftlink" href="https://pi-this.github.io/art">art</a>
</div>
<div class="row">
<center><h1>Home Page</h1>
<a id="date"></a></center>
<div class="column">
<h2>pi-this</h2>
<p>Primarily, pi-this is a website made to share knowledge and information falling within the categories of electronics, computer software uses, programming, developing new ideas, and anything else that proteins to the word pi.</p>
<p>Pi-this is developed using three programming languages, html, css, and javascript. Html, this is the skeleton of the site, its what makes the site existent. Css, this is the language that adds style to the site, it gives pi-this the natural online touch. Javascript, this language is used for more detailed work, making online games, exciting animations, and more!</p>
</div
<div class="column">
<h2>Possibilities</h2>
<p>The sky's the limit, this is a popular phrase, it suggests that possibilities are endless. When creating, possibilities are endless, the sky's the limit! If anyone digs deep enough that digger can find what he or she is looking for, all it takes is determination. This actually applies to anything, set a goal, work your way up to that goal, and master it.<p>
<p>Pi is a long number, three point one four only scratches the surface of this number that's value is only a little over three. This number is endless! Just like pi, possibilities are endless as well, pi that</p>
<p>This site is made possible by <a href="https://github.com">github</a>.</p>
<img src="https://pi-this.github.io/pithismascotwithbackground.png" high=100px width=150px></img>
</div>
</div>
<script type="text/javascript">
window.onload = function(){day();}
function day()
{
var textarray = new Array();
textarray[0] = "Sunday";
textarray[1] = "Monday";
textarray[2] = "Tuesday";
textarray[3] = "Wednessday";
textarray[4] = "Thursday";
textarray[5] = "Friday";
textarray[6] = "Saterday";
var d = new Date(); /*** create a date object for use ***/
var i = d.getDay(); /*** use the date object to get the day of the week - this will be a number from 0 to 6 - sunday=0, saturday=6 -it's the way counting works in javascript it starts at 0 like in the arrays ***/
document.getElementById("date").innerHTML = textarray[i];
}
</script>
<script>
var i = 0;
var txt = "3.1415926535897932384626433832795028841971693993751058209749445923078...";
var speed = 50;
function typeWriter() {
if (i < txt.length) {
document.getElementById("pi").innerHTML += txt.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}
typeWriter();
</script>
</body>
</html>