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

new version of the website, initial commit

Browse Source
This commit is contained in:
Andrew Conlin 2023-03-01 22:24:15 +00:00
parent 9298ec29a6
commit e933561773
10 changed files with 141 additions and 37279 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
htdocs/about.html
View File

@ -1,66 +0,0 @@
<!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
View File

File diff suppressed because one or more lines are too long

62
htdocs/contact.html
View File

@ -1,62 +0,0 @@
<!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
View File

@ -1,126 +0,0 @@
/*
* 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
View File

@ -1,199 +0,0 @@
<!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
View File

@ -1,67 +0,0 @@
<!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
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 344 KiB

97
htdocs/index.html Normal file
View File

@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>andrew conlin</title>
<link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
a {
color: white;
}
body {
background-color: black;
color: white;
font-family: "Rubik";
}
</style>
</head>
<body>
<div class="container text-start">
<h1 class="display-1" style="font-weight:700;">
ac
</h1>
<div class="row row-cols-1 row-cols-md-2">
<div class="col col-md-2">
<div class="row row-cols-1 g-0">
<div class="col">
<h4>
<a href="about.html" class="text-decoration-none"> about </a>
</h4>
</div>
<div class="col">
<h4>
<a href="blog.html" class="text-decoration-none"> blog </a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos </a>
</h4>
</div>
<div class="col gy-2">
<h4>
<div>
<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>
</h4>
</div>
<hr>
</div>
</div>
<div class="col col-md-10">
<h1 style="font-weight: 500;">
Fixing php errors when trying to use occ in a Nextcloud Docker installation
</h1>
<small style="font-family:Rubik Mono One;">
wednesday 1st march 2023, 8:02pm<br>
</small>
<br>
<p id="md">
</p>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>
fetch("nextcloud-php-errors.md") // The path to the raw Markdown file
.then(response => response.blob()) // Unwrap to a blob...
.then(blob => blob.text()) // ...then to raw text...
.then(markdown => { // ...then pass the raw text into marked.parse
document.getElementById("md").innerHTML = marked.parse(markdown);
});
</script>
</body>
</html>

36752
htdocs/js/three.js
View File

File diff suppressed because one or more lines are too long

44
htdocs/nextcloud-php-errors.md Normal file
View File

@ -0,0 +1,44 @@
### First error - "could not find driver"
I was tring to rescan the files in my Nextcloud server (running on Raspberry Pi 4 with DietPi) using the following syntax:
```
sudo -u www-data php /path/to/nextcloud/occ files:scan --all
```
but I kept running into a PHP error. Specifically this error:
```
Doctrine\DBAL\Exception: Failed to connect to the database: An exception occurred in the driver: could not find driver in /path/to/nextcloud/lib/private/DB/Connection.php:139
```
followed by a long, verbose stack trace.
It took me a decent amount of time to diagnose the exact issue, but eventually I found [this list](https://docs.nextcloud.com/server/20/admin_manual/installation/source_installation.html#prerequisites-for-manual-installation) of required PHP modules in the Nextcloud admin manual.
Running `php -m` will print out the list of currently installed PHP modules. I noticed I was missing quite a few of the required modules, but the one that was causing my issue was the missing `pdo_mysql` module.
This can be installed by running:
```
sudo apt-get install php7.4-mysql
```
**Note: This command will change based on your OS, PHP version and database type**
This resolved the error! However (as is always the case), this only meant I got a shiny new error instead:
### Second error - "Name or service not known"
```
Doctrine\DBAL\Exception: Failed to connect to the database: An exception occurred in the driver: SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo failed: Name or service not known in /path/to/nextcloud/lib/private/DB/Connection.php:139
```
From first glance, this looks like something wrong in the DNS name resolution. This sent me a long way down the wrong path, changing a whole bunch of things in my docker-compose.yml file.
Eventually however, after a long and perilous journey over the high seas of Nextcloud forums and StackOverflow, I found [this example](https://techoverflow.net/2020/07/17/how-to-run-nextcloud-php-occ-in-a-docker-compose-configuration/) of running `php occ` in a docker-compose configuration.
This led me to running this command:
```
docker-compose exec -u www-data nextcloud-app php occ files:scan --all
```
**Note: replace nextcloud-app with the name of your Nextcloud container. Also, this command must be run from the directory of your Nextcloud docker-compose.yml**
....aaaaaand, *voila!* The command runs, the files are scanned and everything is up to date.