tom-strowger.github.io/script.js at main · tom-strowger/tom-strowger.github.io · 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
function setsizes(){

    var isMobile = window.innerWidth < 600;

    // Update the styles if displaying on a mobile
    if( isMobile ){

        var h1Elements = document.getElementsByTagName("h1");

        for(var i = 0; i < h1Elements.length; i++) {
            h1Elements[i].style.textIndent = 0;
            h1Elements[i].style.fontSize = 40;
        }

        var bodyElements = document.getElementsByTagName("body");

        for(var i = 0; i < bodyElements.length; i++) {
            bodyElements[i].style.fontSize = 20;
        }

        var container_elements = document.getElementsByClassName("container");

        for(var i = 0; i < container_elements.length; i++) {
            container_elements[i].style.margin = 10;
        }
    }
    else
    {
        var h1Elements = document.getElementsByTagName("h1");

        for(var i = 0; i < h1Elements.length; i++) {
            h1Elements[i].style.textIndent = -20;
            h1Elements[i].style.fontSize = 25;
        }

        var bodyElements = document.getElementsByTagName("body");

        for(var i = 0; i < bodyElements.length; i++) {
            bodyElements[i].style.fontSize = 17;
        }


        var container_elements = document.getElementsByClassName("container");

        for(var i = 0; i < container_elements.length; i++) {
            container_elements[i].style.margin = 50;
        }
    }
}