FrontEnd-with-javascript/run.js at master · Aruq/FrontEnd-with-javascript · GitHub

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
function home() {
    var intro = document.getElementById("intro");
    var projects = document.getElementById("projects")
    var polygon = document.getElementById("polygon_path")
    var contact = document.getElementById("contact")
    var sun = document.getElementById("sun")
    if (intro.style.display === "none") {
        intro.style.display = "inline-block";
        projects.style.display = "none"
        contact.style.display = "none";
    }
    polygon.style.backgroundColor = "rgb(135,206,235);"
    polygon.style.background = "radial-gradient(circle, rgba(135,206,235,1) 0%, rgba(63,187,223,1) 100%)"


    sun.style.top = "75px"
    sun.style.left= "50px"
    sun.style.background = "none"
    sun.style.backgroundColor = "yellow"
    sun.style.boxShadow = "0 0 30px 15px #fff, 0 0 50px 30px orangered, 0 0 70px 45px yellow"
}

function projects() {
    var intro = document.getElementById("intro")
    var projects = document.getElementById("projects");
    var polygon = document.getElementById("polygon_path")
    var contact = document.getElementById("contact")
    var sun = document.getElementById("sun")
    if (projects.style.display === "none") {
        projects.style.display = "inline-block";
        intro.style.display = "none";
        contact.style.display = "none";
    }
    polygon.style.backgroundColor = "rgb(235,201,65)"
    polygon.style.background = "radial-gradient(circle, rgba(235,201,65,1) 0%, rgba(242,118,46,1) 43%)"

    sun.style.top = "60%"
    sun.style.left = "55%"
    sun.style.backgroundColor = "yellow"
    sun.style.background = "none"
    sun.style.boxShadow = "0 0 30px 15px #fff, 0 0 50px 30px orangered, 0 0 70px 45px yellow"
    sun.animation = "sun"
}

function contact() {
    var into = document.getElementById("intro")
    var projects = document.getElementById("projects");
    var polygon = document.getElementById("polygon_path")
    var contact = document.getElementById("contact")

    var sun = document.getElementById("sun")

        contact.style.display = "inline-block";
        projects.style.display = "none";
        intro.style.display = "none"

    // polygon.style.backgroundColor = "rgb(235,201,65)"
    polygon.style.background = "#000 url(http://www.script-tutorials.com/demos/360/images/stars.png)"


    sun.style.top = "75px"
    sun.style.left = "75%"
    sun.style.background = "url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Weather_icon_-_full_moon.svg/200px-Weather_icon_-_full_moon.svg.png)"
    sun.style.height = "200px"
    sun.style.width = "200px"
    sun.style.boxShadow = "none"
    sun.style.transitionDuration = "2s"
    sun.animation = "moon1"
}

function test(){
alert('test')
}