├── lib
└── bootstrap
│ └── css
│ └── bootstrap.min.css
├── README.md
├── assets
├── Uo.png
├── vendor
│ ├── glightbox
│ │ └── css
│ │ │ └── glightbox.min.css
│ ├── swiper
│ │ └── swiper-bundle.min.css
│ ├── aos
│ │ └── aos.css
│ ├── boxicons
│ │ └── css
│ │ │ └── boxicons.min.css
│ └── bootstrap-icon
│ │ └── bootstrap-icons.css
└── vanilla_tilt.js
├── replit.nix
├── js
└── main.js
├── index.html
└── style.css
/lib/bootstrap/css/bootstrap.min.css:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Leave A Star
2 |
3 | Discord: https://diacord.gg/uoaio or Uo#0331
4 |
--------------------------------------------------------------------------------
/assets/Uo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Uo1428/Portfolio-Website/HEAD/assets/Uo.png
--------------------------------------------------------------------------------
/replit.nix:
--------------------------------------------------------------------------------
1 | { pkgs }: {
2 | deps = [
3 | pkgs.nodePackages.vscode-langservers-extracted
4 | pkgs.nodePackages.typescript-language-server
5 | ];
6 | }
--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
1 | (function ($) {
2 | var Preloader = function () {
3 | $("html").addClass("preload");
4 | $(window).on("load", function () {
5 | $("#loader").fadeOut("slow", function () {
6 | $("#preloader").delay(300).fadeOut("slow");
7 | });
8 | $("html").removeClass("preload");
9 | });
10 | };
11 | var Animation = function () {
12 | var SEPARATION = 50,
13 | AMOUNTX = 60,
14 | AMOUNTY = 60;
15 | var camera, scene, renderer;
16 | var particles,
17 | particle,
18 | count = 0;
19 | var windowHalfX = window.innerWidth / 4;
20 | var windowHalfY = window.innerHeight / 4;
21 | var mouseX = -windowHalfX,
22 | mouseY = -windowHalfY;
23 |
24 | function init() {
25 | camera = new THREE.PerspectiveCamera(
26 | 65,
27 | window.innerWidth / window.innerHeight,
28 | 1,
29 | 1e5
30 | );
31 | camera.position.z = 1000;
32 |
33 | scene = new THREE.Scene();
34 |
35 | particles = new Array();
36 | var PI2 = Math.PI * 2;
37 | var material = new THREE.SpriteCanvasMaterial({
38 | color: 0xff0000,
39 | program: function (context) {
40 | context.beginPath();
41 | context.arc(0, 0, 0.15, 0, PI2, true);
42 | context.fill();
43 | },
44 | });
45 | var i = 0;
46 | for (var ix = 0; ix < AMOUNTX; ix++) {
47 | for (var iy = 0; iy < AMOUNTY; iy++) {
48 | particle = particles[i++] = new THREE.Sprite(material);
49 | particle.position.x = ix * SEPARATION - (AMOUNTX * SEPARATION) / 2;
50 | particle.position.z = iy * SEPARATION - (AMOUNTY * SEPARATION) / 2;
51 | scene.add(particle);
52 | }
53 | }
54 | renderer = new THREE.CanvasRenderer();
55 | renderer.setPixelRatio(window.devicePixelRatio);
56 | renderer.setSize(window.innerWidth, window.innerHeight);
57 |
58 | $("#wave").prepend(renderer.domElement);
59 | $(document)
60 | .on("mousemove", function (event) {
61 | mouseX = event.clientX * 1.5 - windowHalfX;
62 | })
63 | .trigger("mousemouve");
64 | $(window).on("resize", function () {
65 | windowHalfX = window.innerWidth / 2;
66 | windowHalfY = window.innerHeight / 2;
67 | camera.aspect = window.innerWidth / window.innerHeight;
68 | camera.updateProjectionMatrix();
69 | renderer.setSize(window.innerWidth, window.innerHeight);
70 | });
71 | render();
72 | }
73 |
74 | function render() {
75 | camera.position.x += (mouseX - camera.position.x) * 0.05;
76 | camera.position.y += (-mouseY - camera.position.y) * 0.03;
77 | camera.position.z = 750;
78 | camera.lookAt(scene.position);
79 |
80 | var i = 0;
81 | for (var ix = 0; ix < AMOUNTX; ix++) {
82 | for (var iy = 0; iy < AMOUNTY; iy++) {
83 | particle = particles[i++];
84 | particle.position.y =
85 | Math.sin((ix + count) * 0.25) * 50 +
86 | Math.sin((iy + count) * 0.5) * 50;
87 | particle.scale.x = particle.scale.y =
88 | (Math.sin((ix + count) * 0.25) + 1) * 4 +
89 | (Math.sin((iy + count) * 0.5) + 1) * 4;
90 | }
91 | }
92 | renderer.render(scene, camera);
93 | count += 0.05;
94 | requestAnimationFrame(render);
95 | }
96 | return init();
97 | };
98 | var SmoothScroll = function () {
99 | $(".smoothscroll").on("click", function (e) {
100 | var $target = $(this.hash);
101 | e.preventDefault();
102 | e.stopPropagation();
103 | $("html, body").stop().animate(
104 | {
105 | scrollTop: $target.offset().top,
106 | },
107 | 800,
108 | "swing"
109 | );
110 | });
111 | };
112 | var AOSStart = function () {
113 | AOS.init({
114 | offset: 100,
115 | duration: 500,
116 | easing: "ease-in-sine",
117 | delay: 250,
118 | once: true,
119 | disable: "mobile",
120 | });
121 | };
122 |
123 | (function () {
124 | Preloader();
125 | Animation();
126 | SmoothScroll();
127 | AOSStart();
128 | })();
129 | })(jQuery);
130 | function play() {
131 | audio.play();
132 | audio.loop = true;
133 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
27 | Uo
28 |
33 |
34 |
35 |
36 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
78 |
79 |
80 |
81 |
50 |