andrew/site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit of old website

Browse Source
This commit is contained in:
Andrew Conlin 2023-03-01 18:57:55 +00:00
commit 9298ec29a6
8 changed files with 37279 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
htdocs/about.html Normal file
View File

@ -0,0 +1,66 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v4.1.1">
<title>About | Andrew Conlin</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/cover/">
<!-- Bootstrap core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="cover.css" rel="stylesheet">
</head>
<body class="text-center">
<div class="bg">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="inner">
<h3 class="masthead-brand">Andrew Conlin</h3>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link" href="default.html">Home</a>
<a class="nav-link active" href="#">About</a>
<a class="nav-link" href="contact.html">Contact</a>
</nav>
</div>
</header>
<main role="main" class="inner cover">
<h1 class="cover-heading">About me.</h1>
<p class="lead">I am currently looking for a job in Software Engineering. You can find my CV <a href="https://drive.google.com/file/d/1dXWhlo7e14iRT0ueAuRhu_9zSv8cCwE6/view?usp=sharing"><u>here</u></a>.</p>
<p class="lead">I like to take photos, draw and dabble in some graphic design. You can find this on my <a href="https://instagram.com/conlinsta"><u>Instagram</u></a>.</p>
<p class="lead">You can find the code that I write on my <a href="https://github.com/andrwcnln"><u>GitHub</u></a>.</p>
<!-- <p class="lead">I like to watch movies, and when I do I review them on <a href="https://letterboxd.com/andrewconlin/"><u>Letterboxd</u></a>.</p> -->
<p class="lead">If I'm not doing any of this, I'll probably running and/or listening to music on <a href="https://www.strava.com/athletes/57896512"><u>Strava</u></a> and <a href="https://open.spotify.com/user/1135508731?si=61zWbsqmT92LdT0JA5bAKw"><u>Spotify</u></a>.</p>
</main>
<footer class="mastfoot mt-auto">
<div class="inner">
<span>Background by <a href="https://unsplash.com/@mohamadaz?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">mohammad alizade</a> on <a href="https://unsplash.com/s/photos/abstract?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
</div>
</footer>
</div>
</div>
</body>
</html>

7
htdocs/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

62
htdocs/contact.html Normal file
View File

@ -0,0 +1,62 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v4.1.1">
<title>Contact | Andrew Conlin</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/cover/">
<!-- Bootstrap core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="cover.css" rel="stylesheet">
</head>
<body class="text-center">
<div class="bg">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="inner">
<h3 class="masthead-brand">Andrew Conlin</h3>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link" href="default.html">Home</a>
<a class="nav-link" href="about.html">About</a>
<a class="nav-link active" href="#">Contact</a>
</nav>
</div>
</header>
<main role="main" class="inner cover">
<h1 class="cover-heading">Contact.</h1>
<p class="lead"><a href="mailto:andrew@andrewconl.in"><u>Email</u></a> me, or contact me through any of my <a href="about.html"><u>social medias</u></a>.</p>
</main>
<footer class="mastfoot mt-auto">
<div class="inner">
<span>Background by <a href="https://unsplash.com/@mohamadaz?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">mohammad alizade</a> on <a href="https://unsplash.com/s/photos/abstract?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
</div>
</footer>
</div>
</div>
</body>
</html>

126
htdocs/cover.css Normal file
View File

@ -0,0 +1,126 @@
/*
* Globals
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
/* Links */
a,
a:focus,
a:hover {
color: #fff;
}
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
background-color: #fff;
border: .05rem solid #fff;
}
/*
* Base structure
*/
html,
body {
height: 100%;
background-color: #000;
}
.bg {
/* The image used */
background-image: url("image.jpg");
/* Full height */
height: 100%;
width: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
display: -ms-flexbox;
display: flex;
color: #fff;
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
font-family: 'DM Serif Display', serif;
}
.cover-container {
max-width: 42em;
}
/*
* Header
*/
.masthead {
margin-bottom: 2rem;
}
.masthead-brand {
margin-bottom: 0;
}
.nav-masthead .nav-link {
padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
}
.nav-masthead .nav-link + .nav-link {
margin-left: 1rem;
}
.nav-masthead .active {
color: #fff;
border-bottom-color: #fff;
}
@media (min-width: 48em) {
.masthead-brand {
float: left;
}
.nav-masthead {
float: right;
}
}
/*
* Cover
*/
.cover {
padding: 0 1.5rem;
}
.cover .btn-lg {
padding: .75rem 1.25rem;
font-weight: 700;
}
/*
* Footer
*/
.mastfoot {
color: rgba(255, 255, 255, .5);
}

199
htdocs/cube.html Normal file
View File

@ -0,0 +1,199 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>andrew conlin</title>
<link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
<style>
body { margin: 0; }
.title {
font-family: 'DM Mono', monospace;
font-size: 20pt;
color: white;
text-align:left;
position: absolute;
left:20px;
top:20px;
}
.main-text {
font-family: 'DM Mono', monospace;
font-size: 12pt;
color: white;
text-align:left;
position: absolute;
left:20px;
}
.socials {
font-size: 12pt;
color: white;
text-align:left;
position: absolute;
left:20px;
}
a {
color: white;
}
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&display=swap');
</style>
</head>
<body>
<div class="title">
andrewconl.in
</div>
<div class="main-text" style="top:20%;">
hello.
</div>
<div class="main-text" style="top:30%;">
my name is andrew conlin.
</div>
<div class="main-text" style="top:40%;">
i am an <a href="https://linkedin.com" target="_blank">engineer</a> and <a href="http://andrewconlinphotography.co.uk" target="_blank">photographer</a>, based in glasgow.
</div>
<div class="main-text" style="top:50%;">
you can <a href="mailto:andrew@andrewconl.in">email me</a> or use my socials below.
</div>
<div class="main-text" style="top:60%;">
have fun playing with the cube.
</div>
<div class="socials" style="top:70%;">
<span>
<a href="https://twitter.com/andrwcnln" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://instagram.com/conlinsta" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://github.com/andrwcnln" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.strava.com/athletes/57896512" target="_blank"><i class="fab fa-strava"></i></a>
<a href="https://open.spotify.com/user/1135508731?si=61zWbsqmT92LdT0JA5bAKw" target="_blank"><i class="fab fa-spotify"></i></a>
</span>
</div>
<script src="js/three.js"></script>
<script>
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
const renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshBasicMaterial( { color: 0xffffff } );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );
camera.position.z = 5;
var rbool = false;
var gbool = true;
var bbool = true;
window.addEventListener('resize', onWindowResize, false);
document.addEventListener('mousemove', onDocumentMouseMove, false);
document.addEventListener('mousedown', onDocumentStart, false);
document.addEventListener('mouseup', onDocumentStop, false);
var mouse = new THREE.Vector2();
var mouseMove;
document.addEventListener('touchmove', onDocumentTouchMove, false);
document.addEventListener('touchstart', onDocumentStart, false);
document.addEventListener('touchend', onDocumentStop, false);
var touchMove;
function onDocumentStart(event) {
event.preventDefault();
mouseMove = true;
touchMove = true;
}
function onDocumentStop(event) {
event.preventDefault();
mouseMove = false;
touchMove = false;
}
function onDocumentMouseMove(event) {
event.preventDefault();
if (mouseMove == true){
mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
}
}
function onDocumentTouchMove(event) {
event.preventDefault();
if (touchMove == true){
var touch = event.changedTouches[0];
mouse.x = (touch.pageX / window.innerWidth) * 2 - 1;
mouse.y = -(touch.pageY / window.innerHeight) * 2 + 1;
}
}
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
}
function color_change(num) {
if (material.color.r > 0.99 || material.color.r < 0.01){
rbool = !rbool;
}
if (material.color.g > 0.99 || material.color.g < 0.01){
gbool = !gbool;
}
if (material.color.b > 0.99 || material.color.b < 0.01){
bbool = !bbool;
}
if (rbool == true){
material.color.r += num;
}else{
material.color.r -= num;
}
if (gbool == true){
material.color.g += num;
}else{
material.color.g -= num;
}
if (bbool == true){
material.color.b += num;
}else{
material.color.b -= num;
}
}
function mouse_color(x,y,z){
material.color.r = x;
material.color.g = y;
material.color.b = z;
}
function animate() {
requestAnimationFrame( animate );
if (mouseMove == true || touchMove == true){
cube.rotation.x = -mouse.y;
cube.rotation.y = mouse.x;
} else {
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
}
mouse_color(Math.abs(cube.rotation.x),Math.abs(cube.rotation.z),Math.abs(cube.rotation.y));
renderer.render( scene, camera );
};
animate();
</script>
</body>
</html>

67
htdocs/default.html Normal file
View File

@ -0,0 +1,67 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v4.1.1">
<title>Home | Andrew Conlin</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/cover/">
<!-- Bootstrap core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="cover.css" rel="stylesheet">
</head>
<body class="text-center">
<div class="bg">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="inner">
<h3 class="masthead-brand">Andrew Conlin</h3>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="#">Home</a>
<a class="nav-link" href="about.html">About</a>
<a class="nav-link" href="contact.html">Contact</a>
</nav>
</div>
</header>
<main role="main" class="inner cover">
<h1 class="cover-heading">Hi.</h1>
<p class="lead">I'm Andrew Conlin. I'm a 5th year Electrical and Mechanical Engineering Student at the University of Strathclyde
and a Power Academy Scholar.</p>
<p class="lead">I am currently looking for a job in Software Engineering. You can find my CV <a href="https://drive.google.com/file/d/1dXWhlo7e14iRT0ueAuRhu_9zSv8cCwE6/view?usp=sharing"><u>here</u></a>.</p>
<p class="lead">
<a href="about.html" class="btn btn-lg btn-secondary">More about me</a>
</p>
</main>
<footer class="mastfoot mt-auto">
<div class="inner">
<span>Background by <a href="https://unsplash.com/@mohamadaz?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">mohammad alizade</a> on <a href="https://unsplash.com/s/photos/abstract?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
</div>
</footer>
</div>
</div>
</body>
</html>

BIN
htdocs/image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 344 KiB

36752
htdocs/js/three.js Normal file
View File

File diff suppressed because one or more lines are too long