switch to zola
This commit is contained in:
CJSatnarine
@@ -6,7 +6,7 @@
|
|||||||
<title>{{ config.extra.site_name }}</title>
|
<title>{{ config.extra.site_name }}</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/extra.css" />
|
<link rel="stylesheet" href="/extra.css" />
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto Mono' rel='stylesheet'>
|
||||||
|
|
||||||
<script type="importmap">
|
<script type="importmap">
|
||||||
{
|
{
|
||||||
@@ -25,6 +25,8 @@
|
|||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
{% block content %} {% endblock %}
|
{% block content %} {% endblock %}
|
||||||
|
|
||||||
|
<p><a href="{{ get_url(path='@/blog/_index.md') }}">Posts</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
1
dist/assets/index-BjZe3bm5.css
vendored
1
dist/assets/index-BjZe3bm5.css
vendored
@@ -1 +0,0 @@
|
|||||||
body{background-color:#000;font-family:Roboto Mono}#construction{position:absolute;color:#f5f5f5;top:10px;width:100%;text-align:center;z-index:100;display:block}a:link,a:visited,a:hover,a:active{color:#962ffe;background-color:transparent;text-decoration:none}h1{color:#962ffe}p{color:#fff}center{color:#962ffe}
|
|
||||||
3831
dist/assets/index-BoUOTmGk.js
vendored
3831
dist/assets/index-BoUOTmGk.js
vendored
File diff suppressed because one or more lines are too long
2289
dist/assets/wolf_head-BqdgrzGy.obj
vendored
2289
dist/assets/wolf_head-BqdgrzGy.obj
vendored
File diff suppressed because it is too large
Load Diff
55
dist/index.html
vendored
55
dist/index.html
vendored
@@ -1,55 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset=" utf-8">
|
|
||||||
<title> CJ Satnarine </title>
|
|
||||||
|
|
||||||
<canvas id="canvas"></canvas>
|
|
||||||
<script type="module" crossorigin src="/assets/index-BoUOTmGk.js"></script>
|
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-BjZe3bm5.css">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Roboto Mono' rel='stylesheet'>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="construction"> Website under Construction! </div>
|
|
||||||
|
|
||||||
|
|
||||||
<h1>
|
|
||||||
CJ Satnarine
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Hey... I'm CJ! But you can call me CJ... As you can tell, this website is currently under construction. I'll
|
|
||||||
be updating it slowly as I learn more web development. I'm remaking this website with <a
|
|
||||||
href="https://www.getzola.org/" target="_blank">Zola</a> because I want to write blogs and devlogs in
|
|
||||||
the future.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Any way, I'm an aspriring graphics programmer from Waterloo, Ontario.
|
|
||||||
|
|
||||||
|
|
||||||
I've got a few weird interests in linguistics, history, maths, 3D animation, game development, and
|
|
||||||
art.
|
|
||||||
Currently, I'm spending a lot of my time learning a lot of things relating to my interests.
|
|
||||||
You can check out my <a href="https://github.com/CJSatnarine" target="_blank">Github</a> to see what I'm up
|
|
||||||
to.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<center>
|
|
||||||
<a href="https://evilr.ing/cjsatnarine/previous"><</a>
|
|
||||||
<a href="https://evilr.ing">EVILRING</a>
|
|
||||||
<a href="https://evilr.ing/cjsatnarine/next">></a>
|
|
||||||
</center>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
|
|
||||||
</html>
|
|
||||||
56
index.html
56
index.html
@@ -1,56 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset=" utf-8">
|
|
||||||
<title> CJ Satnarine </title>
|
|
||||||
|
|
||||||
<canvas id="canvas"></canvas>
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Roboto Mono' rel='stylesheet'>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="construction"> Website under Construction! </div>
|
|
||||||
|
|
||||||
|
|
||||||
<h1>
|
|
||||||
CJ Satnarine
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Hey... I'm CJ! But you can call me CJ... As you can tell, this website is currently under construction. I'll
|
|
||||||
be updating it slowly as I learn more web development. I'm remaking this website with <a
|
|
||||||
href="https://www.getzola.org/" target="_blank">Zola</a> because I want to write blogs and devlogs in
|
|
||||||
the future.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Any way, I'm an aspriring graphics programmer from Waterloo, Ontario.
|
|
||||||
|
|
||||||
|
|
||||||
I've got a few weird interests in linguistics, history, maths, 3D animation, game development, and
|
|
||||||
art.
|
|
||||||
Currently, I'm spending a lot of my time learning a lot of things relating to my interests.
|
|
||||||
You can check out my <a href="https://github.com/CJSatnarine" target="_blank">Github</a> to see what I'm up
|
|
||||||
to.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<center>
|
|
||||||
<a href="https://evilr.ing/cjsatnarine/previous"><</a>
|
|
||||||
<a href="https://evilr.ing">EVILRING</a>
|
|
||||||
<a href="https://evilr.ing/cjsatnarine/next">></a>
|
|
||||||
</center>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script type="module" src="/main.js"></script>
|
|
||||||
<script type="module" src="/window.js"></script>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
69
main.js
69
main.js
@@ -1,69 +0,0 @@
|
|||||||
import './style.css';
|
|
||||||
import * as THREE from 'three';
|
|
||||||
import { OBJLoader } from 'three/addons/loaders/OBJLoader.js';
|
|
||||||
import headURL from "./models/wolf_head.obj?url";
|
|
||||||
|
|
||||||
const scene = new THREE.Scene();
|
|
||||||
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
|
|
||||||
|
|
||||||
let modelObject = new THREE.Object3D;
|
|
||||||
|
|
||||||
// Rendering.
|
|
||||||
const renderer = new THREE.WebGLRenderer({
|
|
||||||
canvas: document.querySelector('#canvas'),
|
|
||||||
});
|
|
||||||
renderer.setPixelRatio(window.devicePixelRatio);
|
|
||||||
renderer.setSize(window.innerWidth, window.innerHeight);
|
|
||||||
renderer.setAnimationLoop(animate);
|
|
||||||
document.body.appendChild(renderer.domElement);
|
|
||||||
|
|
||||||
// Resizing the camera position based on window width.
|
|
||||||
if (window.innerWidth <= 400) {
|
|
||||||
camera.position.z = 6.5;
|
|
||||||
}
|
|
||||||
if (window.innerWidth > 400 && window.innerWidth <= 650) {
|
|
||||||
camera.position.z = 5.5;
|
|
||||||
}
|
|
||||||
else if (window.innerWidth > 650 && window.innerWidth <= 915) {
|
|
||||||
camera.position.z = 4.5;
|
|
||||||
} else {
|
|
||||||
camera.position.z = 3.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Lighting.
|
|
||||||
const light = new THREE.HemisphereLight(0xffffbb, 0x080820, 1);
|
|
||||||
scene.add(light);
|
|
||||||
|
|
||||||
// OBJ loader.
|
|
||||||
const objectLoader = new OBJLoader();
|
|
||||||
objectLoader.load(
|
|
||||||
headURL,
|
|
||||||
function(object) {
|
|
||||||
console.log(object);
|
|
||||||
modelObject = object;
|
|
||||||
object.traverse((child) => {
|
|
||||||
// instance of is apparently the reason god made typescript
|
|
||||||
if (child instanceof THREE.Mesh) {
|
|
||||||
// Create material for the mesh.
|
|
||||||
child.material = new THREE.MeshStandardMaterial({ color: 0x962FFE });
|
|
||||||
child.material.wireframe = true;
|
|
||||||
child.material.wireframeLinewidth = 1;
|
|
||||||
child.material.emissive = (new THREE.Color().setHex(0x962FFE));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
scene.add(object);
|
|
||||||
},
|
|
||||||
function(xhr) {
|
|
||||||
console.log((xhr.loaded / xhr.total * 100) + '% loaded');
|
|
||||||
},
|
|
||||||
function(error) {
|
|
||||||
console.log('an error happened', error);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
// Animate function.
|
|
||||||
function animate() {
|
|
||||||
modelObject.rotateY(-THREE.MathUtils.degToRad(1));
|
|
||||||
renderer.render(scene, camera);
|
|
||||||
}
|
|
||||||
2289
models/wolf_head.obj
2289
models/wolf_head.obj
File diff suppressed because it is too large
Load Diff
1583
package-lock.json
generated
1583
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
16
package.json
16
package.json
@@ -1,16 +0,0 @@
|
|||||||
{
|
|
||||||
"dependencies": {
|
|
||||||
"three": "^0.174.0",
|
|
||||||
"three.js": "^0.77.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"gh-pages": "^6.3.0",
|
|
||||||
"vite": "^6.2.2"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"build": "vite build",
|
|
||||||
"preview": "vite preview",
|
|
||||||
"deploy": "gh-pages -d dist",
|
|
||||||
"dev": "vite"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
35
style.css
35
style.css
@@ -1,35 +0,0 @@
|
|||||||
body {
|
|
||||||
background-color: black;
|
|
||||||
font-family: 'Roboto Mono';
|
|
||||||
}
|
|
||||||
|
|
||||||
#construction {
|
|
||||||
position: absolute;
|
|
||||||
color: whitesmoke;
|
|
||||||
top: 10px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 100;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:link,
|
|
||||||
a:visited,
|
|
||||||
a:hover,
|
|
||||||
a:active {
|
|
||||||
color: rgb(150, 47, 254);
|
|
||||||
background-color: transparent;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: rgb(150, 47, 254);
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
center {
|
|
||||||
color: rgb(150, 47, 254);
|
|
||||||
}
|
|
||||||
10
window.js
10
window.js
@@ -1,10 +0,0 @@
|
|||||||
// Refreshes the page when the browser is resized.
|
|
||||||
window.addEventListener('resize', function(event) {
|
|
||||||
if (window.RT) {
|
|
||||||
clearTimeout(window.RT);
|
|
||||||
}
|
|
||||||
|
|
||||||
window.RT = setTimeout(function() {
|
|
||||||
window.location.reload(false); /* false to get page from cache */
|
|
||||||
}, 200);
|
|
||||||
});
|
|
||||||
Reference in New Issue
Block a user