kolemcrae.github.io/template.html at master · kolemcrae/kolemcrae.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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="en">
  <head>
<!--This is the template for all pages! -->

    <meta name="viewport" content="initial-scale=1">


    <link rel="shortcut icon" href="/favicon.png" type="image/png" />

	<!-- Add slug here! -->
    <link rel="canonical" href="https://kolemcrae.com/notebook/" />


    <meta property="og:site_name" content="Kole McRae | My Official Website" />
    <meta property="og:type" content="website" />

	<!-- Add name of article to here  -->
    <meta property="og:title" content="Name of article | Kole McRae" />


    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-35855016-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-35855016-1');
</script>

	  <!-- Important fonts! -->

<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cabin:400,700&display=swap" rel="stylesheet">


<!-- Update the article title -->

<title>Article Name | Kole McRae</title>


<meta name="theme-color" content="#9BF2FA">


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

  <body>
  <script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        document.getElementById("myBtn").style.display = "block";
    } else {
        document.getElementById("myBtn").style.display = "none";
    }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}
</script>


    <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


<nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #ffffff;">


        <a class="navbar-brand" href="https://kolemcrae.com">Kole McRae</a>

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

     <div class="collapse navbar-collapse" id="navbarSupportedContent">

<div class="my-fancy-nav-wrapper">
    <ul class="nav navbar-nav">


	    <!-- Set the correct nav to active! -->

        <li class="nav-item nav-current-projects"><a href="/current-projects/" class="nav-link">Current Projects</a></li>
         <li class="nav-item nav-notebook active"><a href="/notebook/" class="nav-link">Notebook</a></li>
        <li class="nav-item nav-contact-me"><a href="/about/" class="nav-link">Contact Me</a></li>

    </ul>
</div>


     </div>
    </nav>


   <div class="container-fluid topHalf">

<article class="h-entry">

<div class="headlinecontainer">
<div class="box">

	<!-- Article title goes here in the h1 -->
      <h1 class="display-1 theTop p-name"><div class="textBackground"><span class="highliterAffect">The Official Website of Kole McRae.</div></h1>
	</span></div>
	</div>


</div>
	 <div id="main textStuff" role="main" class="container-fluid bigOne">


<main role="main" class="container">

	<!-- All the STUFF goes here -->

	<div class="e-content">

	<p> This is where stuff goes </p>
 <p> This is where stuff goes </p>
	 <p> This is where stuff goes </p>
	 <p> This is where stuff goes </p>
	</div>

<!-- The end of stuff, leave the rest -->

	<h2>Check out my <a href="/notebook/">other articles.</a></h2>

	 </main>
		 </article>

	   </div>


    <div class="wrapper-footer">
      <div class="container" id="bottomcontainer">


                 <footer class="footer">
                  <p style="color: white!important;">&copy; 1987<script>new Date().getFullYear()>1987&&document.write("-"+new Date().getFullYear());</script>, <a rel="author" class="p-author h-card" href="https://kolemcrae.com" style="color: white!important;">Kole McRae.</a></p>
                 </footer>


      </div>
    </div>
<a class="h-card p-author" rel="me author" href="https://kolemcrae.com/" style="display: none;">Kole McRae</a>

  </body>
</html>