miles/miles-web
1
0
Fork 0
mirror of https://github.com/mileswolfallen2/miles-web.git synced 2026-09-08 11:23:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed and addid stuff

Browse Source
This commit is contained in:
miles
2026-08-01 02:58:11 -05:00
parent 9d64c4b222
commit 7d9f2784d7
1 changed files with 52 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+50 -14
View File
@@ -147,6 +147,20 @@
transform:rotate(1.5deg);margin-bottom:30px;margin-left:2vw;
}
.hook-section{
display:flex;align-items:center;justify-content:center;
padding:90px 8vw;text-align:center;position:relative;
border-top:2px solid rgba(255,255,255,0.08);
border-bottom:2px solid rgba(255,255,255,0.08);
background:rgba(255,255,255,0.02);
}
.hook-text{
font-family:var(--font-mono);font-weight:700;
font-size:clamp(20px,4vw,40px);line-height:1.4;
max-width:800px;color:var(--text);transform:rotate(-0.8deg);
letter-spacing:-.01em;
}
.hero-status{
display:inline-flex;align-items:center;gap:10px;
font-family:var(--font-mono);font-size:11px;color:var(--muted);
@@ -213,7 +227,8 @@
}
.avatar-frame:hover{transform:rotate(0deg) scale(1.02);}
.avatar-frame img{width:200px;display:block;filter:contrast(1.2) grayscale(.3);}
.avatar-tag{font-family:var(--font-pixel);font-size:8px;color:var(--accent);margin-top:12px;text-transform:uppercase;}
.avatar-name{font-family:var(--font-pixel);font-size:10px;color:var(--text);margin-top:14px;text-transform:uppercase;text-align:center;line-height:1.5;}
.avatar-tag{font-family:var(--font-pixel);font-size:8px;color:var(--accent);margin-top:6px;text-transform:uppercase;text-align:center;}
.page-links a:hover{color:var(--accent)!important;transform:scale(1.05);}
.about-card{
background:rgba(255,255,255,0.02);border:2px solid rgba(255,255,255,0.12);
@@ -341,6 +356,9 @@
body.clean .hero-giant .line1{transform:none;color:var(--muted);font-weight:500;font-size:clamp(14px,1.5vw,17px);margin-bottom:6px;}
body.clean .hero-giant .line2{text-shadow:none;animation:none;color:var(--text);}
body.clean .hero-sub{transform:none;margin:14px auto 0;text-align:center;max-width:420px;font-size:14px;color:var(--muted);line-height:1.6;}
body.clean .hero-hook{transform:none;margin:20px auto 0;text-align:center;max-width:460px;font-size:14px;color:var(--muted);line-height:1.6;border-left:none;padding:0;background:none;}
body.clean .hook-section{border-color:rgba(255,255,255,0.06);background:none;padding:64px 24px;}
body.clean .hook-text{transform:none;color:var(--text);font-size:clamp(18px,3vw,28px);font-weight:600;max-width:600px;}
body.clean .hero-status{display:none;}
body.clean .hero-links{justify-content:center;transform:none;margin-top:20px;gap:8px;}
body.clean .term-btn{
@@ -363,9 +381,11 @@
body.clean .stat-num{font-weight:600;font-size:clamp(18px,2.5vw,24px);color:var(--text);}
body.clean .stat-label{font-size:10px;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:500;}
body.clean .about-grid{gap:24px;margin:0;flex-direction:column;align-items:center;}
body.clean .avatar-frame{border-radius:50%;padding:0;border:2px solid #333045;transform:none!important;overflow:hidden;}
body.clean .avatar-frame img{filter:none;border-radius:50%;width:100px;height:100px;object-fit:cover;}
body.clean .avatar-tag{text-align:center;font-size:12px;color:var(--muted);margin-top:4px;font-weight:500;}
body.clean .avatar-block{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:220px;}
body.clean .avatar-frame{border-radius:50%;padding:0;border:2px solid #333045;transform:none!important;overflow:hidden;box-shadow:none;}
body.clean .avatar-frame img{filter:none;border-radius:50%;width:120px;height:120px;object-fit:cover;}
body.clean .avatar-name{text-align:center;font-size:18px;color:var(--text);margin-top:14px;font-weight:600;text-transform:none;font-family:'Inter',sans-serif;line-height:1.3;}
body.clean .avatar-tag{text-align:center;font-size:13px;color:var(--muted);margin-top:4px;font-weight:400;font-family:'Inter',sans-serif;text-transform:none;}
body.clean .about-card{background:#22202a;border:1px solid #333045;border-radius:12px;transform:none!important;padding:20px 24px;min-width:0;width:100%;}
body.clean .about-card .tag-label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:0.03em;text-transform:uppercase;margin-bottom:8px;}
body.clean .about-card p{color:var(--muted);line-height:1.6;font-size:14px;}
@@ -491,6 +511,9 @@
.hero-giant .line2{text-shadow:2px 2px 0 var(--accent),-1px -1px 0 var(--tape);}
.hero-sub{transform:none;margin-left:0;font-size:clamp(12px,3.2vw,14px);max-width:100%;margin-bottom:20px;}
.hero-hook{transform:none;margin-right:0;font-size:clamp(12px,3.2vw,14px);max-width:100%;margin-bottom:20px;}
.hook-section{padding:60px 24px;}
.hook-text{transform:none;font-size:clamp(17px,5vw,24px);}
.hero-status{transform:none;font-size:10px;}
.hero-links{transform:none;gap:8px;}
.term-btn{font-size:10px;padding:10px 16px;}
@@ -599,6 +622,10 @@
<div class="scroll-cue"><div class="line"></div>scroll</div>
</section>
<section class="hook-section" id="hook">
<p class="hook-text reveal">I believe pancakes are better than waffles, cereal is soup, and software should feel good to use.</p>
</section>
<div class="marquee">
<div class="track">
<span>* BUILDING EMULATORS *</span>
@@ -630,10 +657,11 @@
<h2 class="section-title reveal">Who's Miles?</h2>
<p class="section-sub reveal">the human behind the commits</p>
<div class="about-grid reveal">
<div>
<div class="avatar-block">
<div class="avatar-frame">
<img src="https://avatars.githubusercontent.com/u/115095719?v=4" alt="Miles Wolf Allen" loading="lazy" width="200" height="200">
</div>
<div class="avatar-name">Miles Wolf Allen</div>
<div class="avatar-tag">@mileswolfallen2</div>
</div>
<div class="about-card">
@@ -904,13 +932,21 @@ document.querySelectorAll('[data-count]').forEach(function(el){
}});
});
gsap.utils.toArray('.reveal').forEach(function(el){
if (window.gsap && window.ScrollTrigger) {
gsap.utils.toArray('.reveal').forEach(function(el){
gsap.to(el,{opacity:1,y:0,duration:.8,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%'}});
});
});
} else {
document.querySelectorAll('.reveal').forEach(function(el){el.classList.add('visible');});
}
gsap.utils.toArray('#projectGrid .proj-card').forEach(function(card,i){
if (window.gsap && window.ScrollTrigger) {
gsap.utils.toArray('#projectGrid .proj-card').forEach(function(card,i){
gsap.to(card,{opacity:1,y:0,duration:.7,ease:'power3.out',delay:(i%2)*.06,scrollTrigger:{trigger:card,start:'top 90%'}});
});
});
} else {
document.querySelectorAll('#projectGrid .proj-card').forEach(function(card){card.style.opacity='1';card.style.transform='';});
}
ScrollTrigger.create({trigger:'#projects',start:'top 60%',once:true,onEnter:function(){showToast('proj','ACHIEVEMENT','Found the Projects','!');}});
ScrollTrigger.create({trigger:'#highlights',start:'top 60%',once:true,onEnter:function(){showToast('hl','LEVEL UP','Reached the Scoreboard','*');}});
@@ -984,14 +1020,14 @@ if(!document.body.classList.contains('clean')){(function(){
if(!document.body.classList.contains('clean') && window.innerWidth > 640){
gsap.utils.toArray('.proj-card, .blog-card, .hl-cell').forEach(function(card){
card.classList.add('parallax-card');
gsap.to(card,{
y:'random(-12,12)',x:'random(-5,5)',rotation:'random(-1.5,1.5)',
ease:'none',
scrollTrigger:{trigger:card,start:'top bottom',end:'bottom top',scrub:1}
});
});
}
window.addEventListener('load', function(){
if (window.ScrollTrigger) ScrollTrigger.refresh();
setTimeout(function(){ if (window.ScrollTrigger) ScrollTrigger.refresh(); }, 500);
});
(function(){
var logo=document.querySelector('.sn-logo');
var clickCount=0;