diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2023-10-14 15:03:56 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2023-10-14 15:03:56 +0800 |
| commit | 6d9129fcefc3aad0fa0091b03f56c0eee26956c9 (patch) | |
| tree | 64f3891f3e2876dd4eb3f365acb485023037750b | |
| parent | 1a6284e9e965d3f7c0768fcc3037c3ce4d33561c (diff) | |
dir for output and browser will read from
| -rw-r--r-- | dest/about.css | 1 | ||||
| -rw-r--r-- | dest/ghrepo.css | 1 | ||||
| -rw-r--r-- | dest/index.css | 1 | ||||
| -rw-r--r-- | dest/style.css | 1 |
4 files changed, 4 insertions, 0 deletions
diff --git a/dest/about.css b/dest/about.css new file mode 100644 index 00000000..df88c7d7 --- /dev/null +++ b/dest/about.css @@ -0,0 +1 @@ +body{margin:0;padding:0}.container{height:100vh}.container,.left{align-items:center;display:flex;justify-content:center}.left{margin:4em 0 0;overflow:hidden;top:50%;transform:translateY(-50%)}.left img{max-width:100%}.right{display:flex;height:100%;margin-top:10em}.main{margin:auto}.main h2{font-size:24px;margin-bottom:10px}.main p{font-size:16px;margin:0}.info{height:80%}.name{font-family:smooth;font-size:10vw}.background{height:100vh;width:100%}
\ No newline at end of file diff --git a/dest/ghrepo.css b/dest/ghrepo.css new file mode 100644 index 00000000..8f97ad60 --- /dev/null +++ b/dest/ghrepo.css @@ -0,0 +1 @@ +:root{--text:#e5e5e5;--accent:#1688f0;--bg-main:#000;--bg-repo:#0f0f1a;--bg-user:#0a0a0f;--purple:#7b1fa2;--violet:#673ab7;--pink:#f48fb1;--light-yellow:#ffc;--pale-yellow:#ff9;--lemon-yellow:#fffacd}*{background:transparent;box-sizing:border-box}body{font-family:Open Sans,sans-serif;margin:(3em) 0 0}main{margin-top:3em}.bgWrap{background-color:#303c64;background-image:url(/images/heigh-grass.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#f4e8c1;font-size:16px;height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-1}.bgWrap,.container{align-items:center;display:flex;justify-content:center}.container{flex-direction:row;flex-wrap:wrap;max-width:1280px;position:center;width:90%}.container small,h1{background:transparent}.hide{display:none!important}h1{color:#1688f0;color:var(--accent);margin-bottom:4px}small{display:block;margin-bottom:20px}h2,small{text-align:center;width:100%}h2{color:#e5e5e5;color:var(--text);margin:0}a{background:transparent;color:#1688f0;color:var(--accent);-webkit-text-decoration:none;text-decoration:none;-webkit-transition:background .5s}.github-img{margin-right:8px;width:45px}ul{list-style:none;padding:0}.user-info,.user-info *{background:transparent}.user-info{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;color:#e5e5e5;color:var(--text);display:flex;flex-wrap:wrap;font-size:18px;justify-content:center;padding:2em}.user-info figure{background:transparent;max-width:250px;width:90%}.user-info img{border:2px solid #1688f0;border:2px solid var(--accent);border-radius:100%;box-shadow:0 0 6px #1688f0,0 0 6px #1688f0;box-shadow:0 0 6px var(--accent),0 0 6px var(--accent);box-shadow:0 0 10mm rgba(0,0,0,.7);height:auto;max-width:100%}.user-info img:hover{box-shadow:0 0 100mm rgba(255,238,16,.7);transform:scale(1.1)}.user-info div{align-items:center;display:flex;flex-wrap:wrap;padding-left:5%;text-align:center;width:100%}.user-info div p{background:transparent;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--text);margin:0;padding:0 0 18px;width:100%}.user-info :hover{transform:scale(1.1)}.user-info .usertitle{font-family:audiowide;font-size:2vw;text-transform:uppercase}.filter-repos,input{background:rgba(10,10,15,.3);border:2px solid #1688f0;border:2px solid var(--accent);border-radius:20px;box-shadow:0 0 10mm rgba(0,0,0,.7);margin-bottom:1em;margin-top:1em;min-width:300px;padding:1em;text-align:center;-webkit-transition:all .5s;width:50%}.filter-repos:hover,input:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 50mm rgba(0,0,0,.7);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);transform:scale(1.1);transition:all .5s}.filter-repos:active,input:active{background:hsla(46,70%,86%,.3);box-shadow:0 0 10mm rgba(0,0,0,.7)}.repos{background:hsla(0,0%,50%,.2);border-radius:16px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:4em;margin-top:0;padding:2em}.repos:hover{background:rgba(0,0,0,.3);box-shadow:0 0 20mm hsla(0,0%,50%,.7);transform:scale(1.01);transition:all .5s}.repo-title{color:#1688f0;color:var(--accent);margin:4px;text-align:center;width:100%}.repo-list{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;scroll-snap-type:y mandatory}.repo-list,.repo-list li{background:transparent;width:100%}.repo-list li{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #1688f0;border:1px solid var(--accent);border-radius:10px;-moz-filter:blur(20px);-o-filter:blur(20px);-ms-filter:blur(20px);margin:1em 0;min-height:180px;padding:1em;scroll-snap-align:center;text-align:center;-webkit-transition:all .5s}.repo-list h3,span{background:transparent}.repo:hover{background:rgba(0,0,0,.5);box-shadow:0 0 50mm rgba(255,238,16,.7);transform:scale(1.05);transition:background .5s,transform 1s,all .3s}.repo-list:hover:has(li:hover) li:not(:hover){animation-duration:.5s;background:rgba(0,0,0,.3);transform:scale(.95);transition:background .5s,transform 1s,all .3s}.link-btn{background:hsla(0,0%,50%,.1);border:2px solid #1688f0;border:2px solid var(--accent);border-radius:30px;color:#e5e5e5;color:var(--text);padding:10px 20px;-webkit-transition:background .5s,transform .5s,border .5s,all .5s}.link-btn:hover{background:rgba(22,136,240,.5);border:2px solid #e5e5e5;border:2px solid var(--text);box-shadow:0 0 50mm rgba(0,156,255,.7);transform:scale(1.1);transition:background .5s,transform .5s,border .5s,all .5s}.repo-list p{background:transparent;margin:.5em 0;padding:0 .5em}.intro:hover,.user-info:hover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-moz-filter:blur(8px);-o-filter:blur(8px);-ms-filter:blur(8px);transform:scale(1.1);transition:all .5s}.user-info{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:hsla(0,0%,50%,.2);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px)}.repo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10mm rgba(0,0,0,.7);-moz-filter:blur(20px);-o-filter:blur(20px);-ms-filter:blur(20px);overflow:auto;overflow-x:hidden;resize:both}.rdescription{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.rdescription:hover{-webkit-line-clamp:unset}@media (min-width:700px){.user-info div{background:transparent;text-align:left;width:45%}.user-info div p{margin:10px}.repo-list{justify-content:space-around}.repo-list li{margin:2% 1.5%;width:48%}}@media (min-width:1200px){.repo-list li{width:30%}}
\ No newline at end of file diff --git a/dest/index.css b/dest/index.css new file mode 100644 index 00000000..f17be4cb --- /dev/null +++ b/dest/index.css @@ -0,0 +1 @@ +.wrapper{-ms-overflow-style:none;height:100vh;left:0;overflow-x:hidden;scrollbar-width:none;top:0;width:100%;z-index:-6}.wrapper::-webkit-scrollbar{display:none}.indexPage{background-color:#143555;background-image:url(/images/backgroundNightCity.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#f4e8c1;height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-10}.window{background:transparent;height:70%;left:10%;top:15%;width:80%;z-index:999}.window,.window .windowWrap{align-items:center;display:flex;justify-content:center;position:relative}.window .windowWrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.15);border-radius:1em;box-shadow:0 0 10mm #000;-moz-filter:blur(16px);-o-filter:blur(16px);-ms-filter:blur(16px);height:100%;text-align:center;width:100%;z-index:11}.window:hover,.windowWrap:hover{transform:scale(1.1);transition:all .3s}.window .windowWrap .text{position:relative;text-align:center;text-shadow:10px 10px 10px #000;width:100%}.window .windowWrap .text .title{font-family:monoton;font-size:7vw;text-transform:uppercase}.description{font-family:rocksalt;font-size:1.75vw}.title{text-shadow:15px 15px 15px #000;transition:all .5s}.title:hover{transform:scale(1.1);transition:all .5s}.window .windowWrap .text .br{display:block;height:0;margin-bottom:5vh;width:0}
\ No newline at end of file diff --git a/dest/style.css b/dest/style.css new file mode 100644 index 00000000..92607ddf --- /dev/null +++ b/dest/style.css @@ -0,0 +1 @@ +:root{--topBarHeight:10%}@font-face{font-family:hacked;src:url(/fonts/Hacked-KerX.ttf)}@font-face{font-family:smooth;src:url(/fonts/SmoothElegantRegular-ZLv3.ttf)}@font-face{font-family:liga;src:url(/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf)}@font-face{font-family:big;src:url(/fonts/Big500-8MLOM.ttf)}@font-face{font-family:monoton;src:url(/fonts/Monoton.ttf)}@font-face{font-family:rocksalt;src:url(/fonts/RockSalt-Regular.ttf)}@font-face{font-family:audiowide;src:url(/fonts/audiowide.ttf)}*{box-sizing:border-box;font-family:liga;margin:0;padding:0;text-shadow:0 0 1px #000}body{left:0;top:0;transition:background 1s ease-in-out}body::-webkit-scrollbar{display:none}@keyframes slideInTop{0%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(30px)}80%{transform:translateY(-15px)}}@keyframes zoomIn{0%{transform:scale(.01)}85%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.01)}}@keyframes reveal{0%{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-filter:blur(32px);-moz-filter:blur(32px);-o-filter:blur(32px);-ms-filter:blur(32px);transform:scale(2)}}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(.5deg)}50%{transform:rotate(0eg)}75%{transform:rotate(-.5deg)}to{transform:rotate(0deg)}}@keyframes background-pan{0%{background-position:0}to{background-position:-200%}}.animate{animation-duration:.5s;animation-fill-mode:both}.animate.animate--infinite{animation-iteration-count:infinite}.animate.animation--delay-1s{animation-delay:1s}.animate.animation--delay-p5s{animation-delay:.5s}.animate.animation--delay-p3s{animation-delay:.3s}.animate.animation--fast{animation-duration:.3s}.animate.animation--slow{animation-duration:1s}.animate.slideInTop{animation-name:slideInTop;animation-timing-function:ease-in}.animate.bounce{animation-name:bounce}.animate.zoomIn{animation-name:zoomIn}.animate.zoomIn,.animate.zoomOut{transition-timing-function:linear}.animate.zoomOut{animation-name:zoomOut}.animate.reveal{animation-name:reveal;transition-timing-function:linear}.animate.shake{animation-name:shake}*{transition:all .3s}.js-tilt-glare{border-radius:18px;overflow:hidden}header{align-items:center;background:hsla(0,0%,50%,.2);height:3em;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:1000}.navBar a{border-radius:8px;color:#f4e8c1;font-size:5mm;height:100%;margin-left:5mm;margin-right:5mm;padding-bottom:3mm;padding-top:3mm;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:capitalize}.navBar .hleft a{float:left}.navBar .hright a{float:right}.navBar a:after{background:hsla(0,0%,50%,.2);border-radius:1mm;bottom:0;content:"";height:1mm;left:0;position:absolute;transform:scaleX(0);transition:all .3s;width:100%}.navBar a:hover:after{transform:scaleX(1.1)}.navBar a:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);transition:all 1s}.navBar a.active:after{background:hsla(0,0%,50%,.9);border-radius:1mm;bottom:0;content:"";height:1mm;left:0;position:absolute;transform:scaleX(1);width:100%}#navBarHeader:active,#navBarHeader:hover,.navBar:active,.navBar:hover,header:active,header:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);transform:scale(1.005);transition:all .5s}#navBarHeader,.navBar,header{-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);-moz-filter:blur(2.5px);-o-filter:blur(2.5px);-ms-filter:blur(2.5px)}.contents{height:100%;margin:0;padding:0;width:100%}section{position:relative}.wrapper{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:10px}a:hover{cursor:pointer;font-size:5mm;font-weight:700;height:100%;margin-left:5mm;margin-right:5mm;padding-bottom:3mm;padding-top:3mm;position:relative;text-align:center;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-line:underline;text-decoration-thickness:3px;text-transform:capitalize;text-underline-offset:1px;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:all .5s}
\ No newline at end of file |
