Help
RSS
API
Feed
Maltego
Contact
Domain > about.tommyjin.cn
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2026-01-28
104.21.65.250
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Wed, 28 Jan 2026 08:26:49 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveAccess-Control-Allow-Origin: *Cache-Control: public, max-age0, must-revalidatereferrer-policy: strict-origin-when-cross-originx-content-type-options: nosniffVary: accept-encodingReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sGwHMNRw54jnoW2%2BUcN25RFLuSFRJLeEwjHv%2Bx3q9PNXZaVttSJFiMaRQCuZ6f3fW%2FH%2BIfH0odqb2kSmlvdHn%2FnDYOMeJMSeVzESqDcQPJNE3}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflarecf-cache-status: DYNAMICCF-RAY: 9c4f1b6c58398ce4-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langzh-CN>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>TommyJin | 个人主页/title> script srchttps://cdn.tailwindcss.com>/script> link hrefhttps://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css relstylesheet> script srchttps://cdn.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js>/script> link relicon hrefhttps://cdn.luogu.com.cn/upload/usericon/863783.png typeimage/png> !-- 配置Tailwind自定义主题 --> script> tailwind.config { darkMode: class, theme: { extend: { colors: { primary: #165DFF, secondary: #722ED1, accent: #FF7D00, dark: { 100: #F2F3F5, 200: #E5E6EB, 300: #C9CDD4, 400: #86909C, 500: #4E5969, 600: #272E3B, 700: #1D2129, 800: #141414, 900: #000000 } }, fontFamily: { sans: Inter, system-ui, sans-serif, mono: JetBrains Mono, monospace }, animation: { float: float 3s ease-in-out infinite, pulse-slow: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite, fade-in: fadeIn 0.5s ease-in-out, slide-up: slideUp 0.5s ease-out, slide-down: slideDown 0.5s ease-out, slide-right: slideRight 0.5s ease-out, slide-left: slideLeft 0.5s ease-out }, keyframes: { float: { 0%, 100%: { transform: translateY(0) }, 50%: { transform: translateY(-10px) } }, fadeIn: { 0%: { opacity: 0 }, 100%: { opacity: 1 } }, slideUp: { 0%: { transform: translateY(20px), opacity: 0 }, 100%: { transform: translateY(0), opacity: 1 } }, slideDown: { 0%: { transform: translateY(-20px), opacity: 0 }, 100%: { transform: translateY(0), opacity: 1 } }, slideRight: { 0%: { transform: translateX(-20px), opacity: 0 }, 100%: { transform: translateX(0), opacity: 1 } }, slideLeft: { 0%: { transform: translateX(20px), opacity: 0 }, 100%: { transform: translateX(0), opacity: 1 } } } } } } /script> !-- 自定义工具类 --> style typetext/tailwindcss> @layer utilities { .content-auto { content-visibility: auto; } .text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .text-shadow-lg { text-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08); } .backdrop-blur-sm { backdrop-filter: blur(4px); } .glass { @apply bg-white/80 dark:bg-dark-800/80 backdrop-blur-sm; } .card-hover { @apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1; } .gradient-text { @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary; } } /style> !-- 引入字体 --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@300;400;500;600;700&familyJetBrains+Mono:wght@400;500&displayswap relstylesheet>/head>body classfont-sans bg-white dark:bg-dark-800 text-dark-700 dark:text-dark-100 transition-colors duration-300 overflow-x-hidden> !-- 导航栏 --> header idnavbar classfixed w-full top-0 z-50 transition-all duration-300> div classglass py-4 px-6 md:px-12 flex items-center justify-between> div classflex items-center space-x-2> img srchttps://cdn.luogu.com.cn/upload/usericon/863783.png altTommy Jin classw-10 h-10 rounded-full border-2 border-primary> span classtext-xl font-bold gradient-text>TommyJin/span> /div> !-- 桌面导航 --> nav classhidden md:flex items-center space-x-8> a href#home classfont-medium hover:text-primary transition-colors>首页/a> a href#about classfont-medium hover:text-primary transition-colors>关于我/a> a href#sites classfont-medium hover:text-primary transition-colors>站点/a> a href#friends classfont-medium hover:text-primary transition-colors>友情链接/a> a href#projects classfont-medium hover:text-primary transition-colors>项目/a> /nav> !-- 移动端菜单按钮 --> div classflex items-center space-x-4> button idtheme-toggle classp-2 rounded-full hover:bg-dark-200 dark:hover:bg-dark-700 transition-colors> i classfa fa-moon-o dark:hidden text-xl>/i> i classfa fa-sun-o hidden dark:block text-xl>/i> /button> button idmobile-menu-button classmd:hidden p-2 rounded-full hover:bg-dark-200 dark:hover:bg-dark-700 transition-colors> i classfa fa-bars text-xl>/i> /button> /div> /div> !-- 移动端导航菜单 --> div idmobile-menu classhidden md:hidden glass> div classflex flex-col py-4 px-6 space-y-4> a href#home classfont-medium hover:text-primary transition-colors py-2>首页/a> a href#about classfont-medium hover:text-primary transition-colors py-2>关于我/a> a href#sites classfont-medium hover:text-primary transition-colors py-2>站点/a> a href#friends classfont-medium hover:text-primary transition-colors py-2>友情链接/a> a href#projects classfont-medium hover:text-primary transition-colors py-2>项目/a> /div> /div> /header> main> !-- 英雄区域 --> section idhome classmin-h-screen flex items-center justify-center pt-20 overflow-hidden relative> !-- 背景装饰 --> div classabsolute inset-0 overflow-hidden> div classabsolute -top-40 -right-40 w-80 h-80 bg-primary/20 rounded-full blur-3xl>/div> div classabsolute -bottom-40 -left-40 w-80 h-80 bg-secondary/20 rounded-full blur-3xl>/div> /div> div classcontainer mx-auto px-6 md:px-12 py-20 relative z-10> div classflex flex-col md:flex-row items-center justify-between gap-12> div classw-full md:w-1/2 animate-slide-right> h1 classtext-clamp(2.5rem,5vw,4rem) font-bold leading-tight mb-4> span classblock>Hello! Im/span> span classgradient-text>Tommy Jin/span> /h1> p classtext-clamp(1rem,2vw,1.25rem) text-dark-500 dark:text-dark-300 mb-8> 一名蒟蒻OIer，喜欢算法竞赛、音乐和手工制作。 /p> div classflex flex-wrap gap-4> a href#about classpx-6 py-3 bg-primary hover:bg-primary/90 text-white rounded-lg shadow-lg shadow-primary/20 transition-all duration-300 hover:shadow-xl hover:shadow-primary/30> 了解更多 /a> a href#projects classpx-6 py-3 bg-transparent border border-primary text-primary hover:bg-primary/10 rounded-lg transition-all duration-300> 查看项目 /a> /div> div classmt-12 flex items-center space-x-4> a hrefhttps://github.com/tommyjink target_blank classw-10 h-10 flex items-center justify-center rounded-full bg-dark-200 dark:bg-dark-700 hover:bg-primary hover:text-white transition-all duration-300> i classfa fa-github text-xl>/i> /a> a hrefhttps://www.cnblogs.com/tommyjin target_blank classw-10 h-10 flex items-center justify-center rounded-full bg-dark-200 dark:bg-dark-700 hover:bg-primary hover:text-white transition-all duration-300> i classfa fa-book text-xl>/i> /a> a hrefhttps://music.163.com/#/user/home?id4056838185 target_blank classw-10 h-10 flex items-center justify-center rounded-full bg-dark-200 dark:bg-dark-700 hover:bg-primary hover:text-white transition-all duration-300> i classfa fa-music text-xl>/i> /a> /div> /div> div classw-full md:w-1/2 flex justify-center> div classrelative animate-float> div classabsolute -inset-1 bg-gradient-to-r from-primary to-secondary rounded-full blur opacity-30 animate-pulse-slow>/div> img srchttps://cdn.luogu.com.cn/upload/image_hosting/xegk3fah.png altTommy Jin classw-64 h-64 md:w-80 md:h-80 rounded-full border-4 border-white dark:border-dark-800 shadow-2xl relative z-10> !-- 装饰元素 --> div classabsolute -top-4 -right-4 w-16 h-16 bg-accent/20 rounded-full backdrop-blur-sm flex items-center justify-center shadow-lg> i classfa fa-code text-accent text-xl>/i> /div> div classabsolute -bottom-6 -left-6 w-20 h-20 bg-primary/20 rounded-full backdrop-blur-sm flex items-center justify-center shadow-lg> i classfa fa-cogs text-primary text-xl>/i> /div> /div> /div> /div> !-- 滚动提示 --> div classabsolute bottom-10 left-1/2 transform -translate-x-1/2 animate-bounce> a href#about classtext-dark-400 dark:text-dark-500 hover:text-primary dark:hover:text-primary transition-colors> i classfa fa-angle-down text-3xl>/i> /a> /div> /div> /section> !-- 关于我 --> section idabout classpy-20 bg-gradient-to-b from-white to-dark-50 dark:from-dark-800 dark:to-dark-900> div classcontainer mx-auto px-6 md:px-12> div classtext-center mb-16 animate-slide-down> h2 classtext-clamp(1.5rem,3vw,2.5rem) font-bold mb-4 gradient-text>About Me/h2> div classw-24 h-1 bg-primary mx-auto rounded-full>/div> /div> div classgrid grid-cols-1 md:grid-cols-2 gap-12 items-center> div classanimate-slide-left> div classrelative> div classabsolute -inset-4 bg-gradient-to-r from-primary to-secondary rounded-2xl blur-lg opacity-20>/div> div classrelative bg-white dark:bg-dark-800 p-8 rounded-2xl shadow-xl> p classtext-lg leading-relaxed mb-6> 我是Tommyjin，现居重庆，高中生。 /p> p classtext-lg leading-relaxed mb-6> 正在学校的竞赛班里深造，目标是成为一个不会在NOIP赛场发癫爆零还被小学生暴虐的OIer。 /p> p classtext-lg leading-relaxed> 我还喜欢听音乐、弹钢琴、玩游戏、划桨板、骑自行车和旅行，如果你和我的爱好有交集，欢迎交朋友！ /p> !-- 个性签名 --> div classmt-8 p-6 bg-dark-100 dark:bg-dark-700 rounded-xl> p classtext-dark-600 dark:text-dark-300 italic text-lg>为每天睡够9小时而奋斗终生!/p> p classtext-right text-primary font-bold mt-2>— Tommy Jin/p> /div> /div> /div> /div> div classanimate-slide-right> !-- 技能图表 --> div classbg-white dark:bg-dark-800 p-8 rounded-2xl shadow-xl mb-8> h3 classtext-xl font-bold mb-6>我的技能/h3> div classh-80> canvas idskillsChart>/canvas> /div> /div> !-- 联系信息 --> div classbg-white dark:bg-dark-800 p-8 rounded-2xl shadow-xl> h3 classtext-xl font-bold mb-6>联系我/h3> div classspace-y-4> div classflex items-center space-x-4> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary> i classfa fa-envelope>/i> /div> div> p classtext-dark-400 dark:text-dark-500 text-sm>邮箱/p> p classfont-medium>a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemail4733282a2a3e23303e2a213e3f077671746924282a>email protected/a>/p> /div> /div> div classflex items-center space-x-4> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary> i classfa fa-github>/i> /div> div> p classtext-dark-400 dark:text-dark-500 text-sm>GitHub/p> p classfont-medium>github.com/tommyjink/p> /div> /div> div classflex items-center space-x-4> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary> i classfa fa-book>/i> /div> div> p classtext-dark-400 dark:text-dark-500 text-sm>博客/p> p classfont-medium>cnblogs.com/tommyjin/p> /div> /div> /div> /div> /div> /div> /div> /section> !-- 站点链接 --> section idsites classpy-20 bg-white dark:bg-dark-900> div classcontainer mx-auto px-6 md:px-12> div classtext-center mb-16 animate-slide-down> h2 classtext-clamp(1.5rem,3vw,2.5rem) font-bold mb-4 gradient-text>Some Sites/h2> div classw-24 h-1 bg-primary mx-auto rounded-full>/div> p classmt-4 text-dark-500 dark:text-dark-400 max-w-2xl mx-auto> 我的一些个人站点和社交平台。 /p> /div> div classgrid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8> !-- 我的博客 --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.1s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-book text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Blog/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的博客园/p> a hrefhttps://www.cnblogs.com/tommyjin target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的洛谷 --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.2s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-code text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Luogu/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的洛谷主页/p> a hrefhttps://www.luogu.com.cn/user/863783 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的Alist --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.3s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-cloud text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Alist/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的个人网盘/p> a hrefhttp://218.201.91.220:4255 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的Github --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.4s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-github text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Github/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的Github主页/p> a hrefhttps://github.com/tommyjink target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的Atcoder --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.5s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-trophy text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Atcoder/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的Atcoder主页/p> a hrefhttps://atcoder.jp/users/tommy_jin target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的Codeforces --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.6s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-code-fork text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Codeforces/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的Codeforces主页/p> a hrefhttps://codeforces.com/profile/tommy_jin target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的网易云音乐 --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.7s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-music text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My NetEase CloudMusic/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的网易云音乐主页/p> a hrefhttps://music.163.com/#/user/home?id4056838185 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的Jellyfin --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.8s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-film text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Jellyfin/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的影音库/p> a hrefhttp://jink.xin:8096 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 我的Navidrome --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.9s;> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-headphones text-xl>/i> /div> h3 classtext-xl font-bold mb-2>My Navidrome/h3> p classtext-dark-500 dark:text-dark-400 mb-4>我的音乐库/p> a hrefhttp://jink.xin:4533 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> /div> /div> /section> !-- 友情链接 --> section idfriends classpy-20 bg-gradient-to-b from-white to-dark-50 dark:from-dark-900 dark:to-dark-800> div classcontainer mx-auto px-6 md:px-12> div classtext-center mb-16 animate-slide-down> h2 classtext-clamp(1.5rem,3vw,2.5rem) font-bold mb-4 gradient-text>My Friends/h2> div classw-24 h-1 bg-primary mx-auto rounded-full>/div> p classmt-4 text-dark-500 dark:text-dark-400 max-w-2xl mx-auto> 我的朋友们的链接。（呜呜呜目前只有一个） /p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8> !-- Ayakas Blog --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up> div classp-6> div classw-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4> i classfa fa-heart text-xl>/i> /div> h3 classtext-xl font-bold mb-2>Ayakas Blog/h3> p classtext-dark-500 dark:text-dark-400 mb-4>学无止境呢。/p> a hrefhttps://www.cnblogs.com/kamisato-ayaka target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 访问 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 更多友情链接可以在这里添加 --> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up> div classp-6 flex flex-col items-center justify-center h-full> div classw-16 h-16 rounded-full bg-dark-100 dark:bg-dark-700 flex items-center justify-center mb-4> i classfa fa-plus text-dark-400 dark:text-dark-500 text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>待添加/h3> p classtext-dark-500 dark:text-dark-400 text-center> 欢迎联系我 /p> /div> /div> div classbg-white dark:bg-dark-800 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up> div classp-6 flex flex-col items-center justify-center h-full> div classw-16 h-16 rounded-full bg-dark-100 dark:bg-dark-700 flex items-center justify-center mb-4> i classfa fa-plus text-dark-400 dark:text-dark-500 text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>待添加/h3> p classtext-dark-500 dark:text-dark-400 text-center> 欢迎联系我 /p> /div> /div> /div> /div> /section> !-- 项目展示 --> section idprojects classpy-20 bg-white dark:bg-dark-800> div classcontainer mx-auto px-6 md:px-12> div classtext-center mb-16 animate-slide-down> h2 classtext-clamp(1.5rem,3vw,2.5rem) font-bold mb-4 gradient-text>Recent Projects/h2> div classw-24 h-1 bg-primary mx-auto rounded-full>/div> p classmt-4 text-dark-500 dark:text-dark-400 max-w-2xl mx-auto> 我的一些近期项目和作品。 /p> /div> div classgrid grid-cols-1 md:grid-cols-2 gap-8> !-- OIPAGE --> div classbg-white dark:bg-dark-700 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.1s;> div classh-48 bg-gradient-to-r from-primary to-secondary relative overflow-hidden> div classabsolute inset-0 bg-black/20>/div> div classabsolute inset-0 flex items-center justify-center> i classfa fa-trophy text-white text-5xl>/i> /div> /div> div classp-6> h3 classtext-xl font-bold mb-2>OIpage/h3> p classtext-dark-500 dark:text-dark-400 mb-4>OIpage-即将到来的比赛/p> a hrefhttps://oipage.tommyjin.cn target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 查看详情 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- CSP-S --> div classbg-white dark:bg-dark-700 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.1s;> div classh-48 bg-gradient-to-r from-primary to-secondary relative overflow-hidden> div classabsolute inset-0 bg-black/20>/div> div classabsolute inset-0 flex items-center justify-center> i classfa fa-trophy text-white text-5xl>/i> /div> /div> div classp-6> h3 classtext-xl font-bold mb-2>CSP-S/h3> p classtext-dark-500 dark:text-dark-400 mb-4>CSP-S初赛模拟_整理及总结/p> a hrefhttps://www.cnblogs.com/tommyjin/articles/18415041 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 查看详情 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- EXGCD --> div classbg-white dark:bg-dark-700 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.2s;> div classh-48 bg-gradient-to-r from-secondary to-accent relative overflow-hidden> div classabsolute inset-0 bg-black/20>/div> div classabsolute inset-0 flex items-center justify-center> i classfa fa-calculator text-white text-5xl>/i> /div> /div> div classp-6> h3 classtext-xl font-bold mb-2>EXGCD/h3> p classtext-dark-500 dark:text-dark-400 mb-4>算法/数学拓展欧几里得算法(EXGCD)详细推导及应用/p> a hrefhttps://www.cnblogs.com/tommyjin/articles/18448867 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 查看详情 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- 纸模型 --> div classbg-white dark:bg-dark-700 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.3s;> div classh-48 bg-gradient-to-r from-accent to-primary relative overflow-hidden> div classabsolute inset-0 bg-black/20>/div> div classabsolute inset-0 flex items-center justify-center> i classfa fa-cube text-white text-5xl>/i> /div> /div> div classp-6> h3 classtext-xl font-bold mb-2>纸模型/h3> p classtext-dark-500 dark:text-dark-400 mb-4>纸模型附图纸下载RX-78-2 元祖高达纸模型制作记录/p> a hrefhttps://www.cnblogs.com/tommyjin/articles/18422986 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 查看详情 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- WordleGame --> div classbg-white dark:bg-dark-700 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.4s;> div classh-48 bg-gradient-to-r from-primary to-secondary relative overflow-hidden> div classabsolute inset-0 bg-black/20>/div> div classabsolute inset-0 flex items-center justify-center> i classfa fa-gamepad text-white text-5xl>/i> /div> /div> div classp-6> h3 classtext-xl font-bold mb-2>WordleGame/h3> p classtext-dark-500 dark:text-dark-400 mb-4>C++/WordleGameC++复刻小游戏WordleGame(猜单词)附下载链接/p> a hrefhttps://www.cnblogs.com/tommyjin/articles/18464777 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 查看详情 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> !-- CSP-S --> div classbg-white dark:bg-dark-700 rounded-xl shadow-lg overflow-hidden card-hover animate-slide-up styleanimation-delay: 0.5s;> div classh-48 bg-gradient-to-r from-secondary to-accent relative overflow-hidden> div classabsolute inset-0 bg-black/20>/div> div classabsolute inset-0 flex items-center justify-center> i classfa fa-trophy text-white text-5xl>/i> /div> /div> div classp-6> h3 classtext-xl font-bold mb-2>CSP-S/h3> p classtext-dark-500 dark:text-dark-400 mb-4>2024-08-19CSP-S初赛复习/p> a hrefhttps://www.cnblogs.com/tommyjin/articles/18415037 target_blank classinline-flex items-center text-primary hover:text-primary/80 transition-colors> 查看详情 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> /div> /div> /section> /main> !-- 页脚 --> footer classbg-dark-900 text-white py-12> div classcontainer mx-auto px-6 md:px-12> div classflex flex-col md:flex-row justify-between items-center> div classmb-6 md:mb-0> div classflex items-center space-x-2> img srchttps://cdn.luogu.com.cn/upload/usericon/863783.png altTommy Jin classw-10 h-10 rounded-full border-2 border-primary> span classtext-xl font-bold gradient-text>TommyJin/span> /div> p classmt-2 text-dark-400>为每天睡够9小时而奋斗终生!/p> /div> div classflex flex-col items-center md:items-end> div classflex space-x-4 mb-4> a hrefhttps://github.com/tommyjink target_blank classw-10 h-10 flex items-center justify-center rounded-full bg-dark-800 hover:bg-primary transition-all duration-300> i classfa fa-github text-xl>/i> /a> a hrefhttps://www.cnblogs.com/tommyjin target_blank classw-10 h-10 flex items-center justify-center rounded-full bg-dark-800 hover:bg-primary transition-all duration-300> i classfa fa-book text-xl>/i> /a> a hrefhttps://music.163.com/#/user/home?id4056838185 target_blank classw-10 h-10 flex items-center justify-center rounded-full bg-dark-800 hover:bg-primary transition-all duration-300> i classfa fa-music text-xl>/i> /a> /div> p classtext-dark-400 text-sm>© 2077 Tommy Jin. Playing genshin impact./p> /div> /div> /div> /footer> !-- 返回顶部按钮 --> button idback-to-top classfixed bottom-8 right-8 w-12 h-12 rounded-full bg-primary text-white shadow-lg flex items-center justify-center opacity-0 invisible transition-all duration-300 hover:bg-primary/90> i classfa fa-arrow-up>/i> /button> !-- JavaScript --> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script> // 初始化主题 function initializeTheme() { const isDarkMode localStorage.getItem(darkMode) true || (!localStorage.getItem(darkMode) && window.matchMedia((prefers-color-scheme: dark)).matches); if (isDarkMode) { document.documentElement.classList.add(dark); } } // 切换主题 function toggleTheme() { const isDarkMode document.documentElement.classList.toggle(dark); localStorage.setItem(darkMode, isDarkMode); } // 初始化导航栏 function initializeNavbar() { const navbar document.getElementById(navbar); const mobileMenuButton document.getElementById(mobile-menu-button); const mobileMenu document.getElementById(mobile-menu); // 滚动时改变导航栏样式 window.addEventListener(scroll, () > { if (window.scrollY > 50) { navbar.classList.add(shadow-md); navbar.classList.add(py-2); navbar.classList.remove(py-4); } else { navbar.classList.remove(shadow-md); navbar.classList.add(py-4); navbar.classList.remove(py-2); } }); // 移动端菜单切换 mobileMenuButton.addEventListener(click, () > { mobileMenu.classList.toggle(hidden); }); // 点击移动端菜单项后关闭菜单 const mobileMenuItems mobileMenu.querySelectorAll(a); mobileMenuItems.forEach(item > { item.addEventListener(click, () > { mobileMenu.classList.add(hidden); }); }); } // 平滑滚动 function initializeSmoothScroll() { document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); const targetId this.getAttribute(href); if (targetId #) return; const targetElement document.querySelector(targetId); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop - 80, behavior: smooth }); } }); }); } // 返回顶部按钮 function initializeBackToTop() { const backToTopButton document.getElementById(back-to-top); window.addEventListener(scroll, () > { if (window.scrollY > 300) { backToTopButton.classList.remove(opacity-0, invisible); backToTopButton.classList.add(opacity-100, visible); } else { backToTopButton.classList.add(opacity-0, invisible); backToTopButton.classList.remove(opacity-100, visible); } }); backToTopButton.addEventListener(click, () > { window.scrollTo({ top: 0, behavior: smooth }); }); } // 初始化技能图表 function initializeSkillsChart() { const ctx document.getElementById(skillsChart).getContext(2d); const skillsChart new Chart(ctx, { type: radar, data: { labels: 算法, C++, 摸鱼, Web开发, 数学, 音乐, datasets: { label: 技能水平, data: 59, 59, 100, 59, 59, 59, backgroundColor: rgba(22, 93, 255, 0.2), borderColor: rgba(22, 93, 255, 1), pointBackgroundColor: rgba(22, 93, 255, 1), pointBorderColor: #fff, pointHoverBackgroundColor: #fff, pointHoverBorderColor: rgba(22, 93, 255, 1) } }, options: { responsive: true, maintainAspectRatio: false, scales: { r: { angleLines: { display: true, color: rgba(0, 0, 0, 0.1) }, grid: { color: rgba(0, 0, 0, 0.1) }, pointLabels: { color: #4E5969, font: { size: 12 } }, ticks: { backdropColor: transparent, color: #86909C, font: { size: 10 } } } }, plugins: { legend: { display: false } } } }); // 深色模式下更新图表样式 const updateChartTheme () > { const isDarkMode document.documentElement.classList.contains(dark); if (isDarkMode) { skillsChart.data.datasets0.backgroundColor rgba(22, 93, 255, 0.2); skillsChart.data.datasets0.borderColor rgba(22, 93, 255, 1); skillsChart.data.datasets0.pointBackgroundColor rgba(22, 93, 255, 1); skillsChart.options.scales.r.angleLines.color rgba(255, 255, 255, 0.1); skillsChart.options.scales.r.grid.color rgba(255, 255, 255, 0.1); skillsChart.options.scales.r.pointLabels.color #C9CDD4; skillsChart.options.scales.r.ticks.color #86909C; } else { skillsChart.data.datasets0.backgroundColor rgba(22, 93, 255, 0.2); skillsChart.data.datasets0.borderColor rgba(22, 93, 255, 1); skillsChart.data.datasets0.pointBackgroundColor rgba(22, 93, 255, 1); skillsChart.options.scales.r.angleLines.color rgba(0, 0, 0, 0.1); skillsChart.options.scales.r.grid.color rgba(0, 0, 0, 0.1); skillsChart.options.scales.r.pointLabels.color #4E5969; skillsChart.options.scales.r.ticks.color #86909C; } skillsChart.update(); }; // 监听主题变化 document.getElementById(theme-toggle).addEventListener(click, updateChartTheme); // 初始化图表主题 updateChartTheme(); } // 页面加载完成后初始化 document.addEventListener(DOMContentLoaded, () > { initializeTheme(); initializeNavbar(); initializeSmoothScroll(); initializeBackToTop(); initializeSkillsChart(); // 主题切换按钮 document.getElementById(theme-toggle).addEventListener(click, toggleTheme); // 添加滚动动画 const animateOnScroll () > { const elements document.querySelectorAll(.animate-slide-up, .animate-slide-down, .animate-slide-left, .animate-slide-right); elements.forEach(element > { const elementPosition element.getBoundingClientRect().top; const windowHeight window.innerHeight; if (elementPosition windowHeight - 100) { element.style.animationPlayState running; } }); }; // 初始调用一次 animateOnScroll(); // 滚动时调用 window.addEventListener(scroll, animateOnScroll); }); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]