bluecollarcoding.github.io/index.html at master · bluecollarcoding/bluecollarcoding.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
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en-us">
    <head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ramsays Renos - Home</title>
<meta name="description" content="Portfolio of building project and renovations by Zach Ramsay">
<meta name="author" content="Zach Ramsay">
<link rel="icon" href="/favicon.ico"><meta property="og:title" content="Home" />
<meta property="og:description" content="Portfolio of building project and renovations by Zach Ramsay" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://bluecollarcoding.github.io/" />
<meta property="og:image" content="https://bluecollarcoding.github.io/img/header01.jpg"/>
<meta property="og:updated_time" content="2019-12-08T00:00:00+00:00" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://bluecollarcoding.github.io/img/header01.jpg"/>

<meta name="twitter:title" content="Home"/>
<meta name="twitter:description" content="Portfolio of building project and renovations by Zach Ramsay"/>


<meta name="robots" content="index,follow">
<meta name="referrer" content="origin-when-cross-origin">


<meta name="generator" content="Hugo 0.74.3" />

<link href="/index.xml" rel="alternate" type="application/rss+xml" title="Ramsays Renos" />
<link href="/index.xml" rel="feed" type="application/rss+xml" title="Ramsays Renos" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<link rel="stylesheet" href="/css/myscreen.css" type="text/css" media="screen">
<link rel="stylesheet" href="/css/myprint.css" type="text/css" media="print">

<meta name="theme-color" content="black">

<link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

<noscript>
    <style>

            #headerimg {
                background-image: url(https://bluecollarcoding.github.io/img/header01.jpg);
                background-size: cover;
            }


    </style>
</noscript>

<script>

    function randomHeaderImg() {
        let images = ["https://bluecollarcoding.github.io/img/header01.jpg","https://bluecollarcoding.github.io/img/header02.jpg"];
        let img_ind = Math.ceil(Math.random() * images.length) - 1;
        let sel_url = images[img_ind]
        let img = new Image();
        img.onload = function() {
            function set_img(old_onload) {
                let element = document.getElementById("headerimg");
                element.src = sel_url;
                if( old_onload ){ old_onload() }
            }
            if( document.readyState === "complete" ) { set_img() }
            else { window.onload = set_img(window.onload) }
        }
        img.src = sel_url;
    }
    randomHeaderImg();


</script>
</head>
    <body>
        <div id="full_body">
            <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/img/header_template.png" alt="">
<div id="header-text">Ramsays Renos</div></header>
            <div id="content" class="top-section">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col col-12 col-sm-8 col-lg-9">
                            <main class="row">

        <div class="col col-12 col-lg-6 imgbtntxt">
            <a class="imgbtntxt" href="/about/">
                <img class="morerounded" height="300" width="300" src="/img/zach-on-deck.png" alt="About">
                <br>About
            </a>
        </div>

        <div class="col col-12 col-lg-6 imgbtntxt">
            <a class="imgbtntxt" href="/fences/">
                <img class="morerounded" height="300" width="300" src="/img/fences/IMG_0453.jpeg" alt="Fences">
                <br>Fences
            </a>
        </div>

        <div class="col col-12 col-lg-6 imgbtntxt">
            <a class="imgbtntxt" href="/rainwater-collection/">
                <img class="morerounded" height="300" width="300" src="/img/three-totes-in-a-row.jpeg" alt="Rainwater Collection">
                <br>Rainwater Collection
            </a>
        </div>

        <div class="col col-12 col-lg-6 imgbtntxt">
            <a class="imgbtntxt" href="/irrigation-systems/">
                <img class="morerounded" height="300" width="300" src="/img/irrigation-system.jpeg" alt="Irrigation Systems">
                <br>Irrigation Systems
            </a>
        </div>

        <div class="col col-12 col-lg-6 imgbtntxt">
            <a class="imgbtntxt" href="/chicken-coops/">
                <img class="morerounded" height="300" width="300" src="/img/chicken-coop.jpeg" alt="Chicken Coops">
                <br>Chicken Coops
            </a>
        </div>


                            </main>
                        </div>
                        <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded">
    <ul class="navbar">
            <li>Home</li>
            <li><a href="https://bluecollarcoding.github.io/about/">About</a></li>
            <li><a href="https://bluecollarcoding.github.io/fences/">Fences</a></li>
            <li><a href="https://bluecollarcoding.github.io/rainwater-collection/">Rainwater Collection</a></li>
            <li><a href="https://bluecollarcoding.github.io/irrigation-systems/">Irrigation Systems</a></li>
            <li><a href="https://bluecollarcoding.github.io/chicken-coops/">Chicken Coops</a></li>
    </ul>
</div>
</nav>
                    </div>
                </div>
            </div>
            <footer id="footer" class="top-section">Webmaster: <a href="mailto:zach@bluecollarcoding.ca">zach@bluecollarcoding.ca</a>
</footer></div>
    </body>

</html>