Resetting to basic template

www/index.html

@@ -4,8 +4,15 @@
 <meta charset="utf-8" />
 <title>Welcome to JnF.me</title>
 <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.2/css/bootstrap.min.css" integrity="sha512-CpIKUSyh9QX2+zSdfGP+eWLx23C8Dj9/XmHjZY2uDtfkdLGo0uY12jgcnkX9vXOgYajEKb/jiw67EYm+kBf+6g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 <style type="text/css">
-	* {margin: 0; border: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 300;}
+  html, body { height: 100%; }
+	.col {min-height: 50vh;}
+
+	@media (min-width: 992px) {
+		.col {min-height: 100vh;}
+	}
+	/* * {margin: 0; border: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 300;}
 	html, body {height: 100%; min-height: 100%;}
 	body {background-color: #333333;}
 	#view {width: 100%; height: 100%; overflow-x: hidden;}
@@ -44,61 +51,76 @@
 		-webkit-transition: all 0.3s ease;
 		-moz-transition: all 0.3s ease;
 		transition: all 0.3s ease;
-	}
+	} */
 </style>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.2/js/bootstrap.min.js" integrity="sha512-5BqtYqlWfJemW5+v+TZUs22uigI8tXeVah5S/1Z6qBLVO7gakAOtkOzUtgq6dsIo5c0NJdmGPs0H9I+2OHUHVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script type="text/javascript">
-	$(document).ready(function() {
+	$(() => {
-        $('a.openlink, a.closelink').click(function(e) {
+		console.log('Hello, world!')
-            e.preventDefault();
-        });
-
-        $('div.frame').click(function() {
-            if ($('#container').hasClass('open') == false) {
-                p = $(this).attr('data-person');
-                $('.frame.' + p + ', .info.' + p).addClass('open');
-                $('#container').addClass('open open' + p);
-                if (window.location.hostname == 'www.jnf.me') ga('send', 'pageview', {'page': '/' + p });
-            } else {
-                $('.frame, .info, #container').removeClass('open');
-                $('#container').removeClass('openjason openflo');
-            }
-        });
-
-        $('a.outbound').click(function(e) {
-            if (window.location.hostname == 'www.jnf.me') {
-                e.preventDefault();
-                trURL = $(this).attr('data-track');
-                nvURL = $(this).attr('href');
-
-                ga('send', 'event', {
-                    'eventCategory': 'extlink',
-                    'eventAction': trURL.split('/')[1],
-                    'eventLabel': trURL.split('/')[2],
-                    'nonInteraction': 1,
-                    'hitCallback': function() {
-                        $('.frame, .info').removeClass('open');
-                        $('#container').removeClass('openjason openflo');
-                        location.href = nvURL;
-                    }
-                });
-            }
-        });
-
-        if (window.location.hostname == 'www.jnf.me') {
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-            ga('create', 'UA-52787536-2', 'auto');
-            ga('send', 'pageview');
-        }
 	});
+	// $(document).ready(function() {
+  //       $('a.openlink, a.closelink').click(function(e) {
+  //           e.preventDefault();
+  //       });
+	//
+  //       $('div.frame').click(function() {
+  //           if ($('#container').hasClass('open') == false) {
+  //               p = $(this).attr('data-person');
+  //               $('.frame.' + p + ', .info.' + p).addClass('open');
+  //               $('#container').addClass('open open' + p);
+  //               if (window.location.hostname == 'www.jnf.me') ga('send', 'pageview', {'page': '/' + p });
+  //           } else {
+  //               $('.frame, .info, #container').removeClass('open');
+  //               $('#container').removeClass('openjason openflo');
+  //           }
+  //       });
+	//
+  //       $('a.outbound').click(function(e) {
+  //           if (window.location.hostname == 'www.jnf.me') {
+  //               e.preventDefault();
+  //               trURL = $(this).attr('data-track');
+  //               nvURL = $(this).attr('href');
+	//
+  //               ga('send', 'event', {
+  //                   'eventCategory': 'extlink',
+  //                   'eventAction': trURL.split('/')[1],
+  //                   'eventLabel': trURL.split('/')[2],
+  //                   'nonInteraction': 1,
+  //                   'hitCallback': function() {
+  //                       $('.frame, .info').removeClass('open');
+  //                       $('#container').removeClass('openjason openflo');
+  //                       location.href = nvURL;
+  //                   }
+  //               });
+  //           }
+  //       });
+	//
+  //       if (window.location.hostname == 'www.jnf.me') {
+  //           (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  //               (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  //               m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  //           })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+	//
+  //           ga('create', 'UA-52787536-2', 'auto');
+  //           ga('send', 'pageview');
+  //       }
+	// });
 </script>
 </head>
 <body>
-	<div id="view">
+	<div class="container-fluid">
+		<div class="row">
+			<div id="infojason" class="col col-12 col-lg-6">
+				Jason
+			</div>
+			<div id="infoflo" class="col col-12 col-lg-6">
+				Flo
+			</div>
+		</div>
+	</div>
+	<!-- <div id="view">
 		<div id="container">
 			<div id="infojason" class="info jason">
 				<p>Jay is a caucasian male originally from Swansea, UK but last spotted in Calgary, Canada. By day he's a
@@ -145,6 +167,6 @@
 
 			</div>
 		</div>
-	</div>
+	</div> -->
 </body>
 </html>