forked from BluemsunOffice/BluemsunOffice.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
242 lines (239 loc) · 16.4 KB
/
Copy pathindex.html
File metadata and controls
242 lines (239 loc) · 16.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!doctype html>
<html lang=en>
<head>
<meta name=generator content="Hugo 0.145.0">
<meta charset=utf-8>
<title>Hello! Bluemsun</title>
<meta name=viewport content="width=device-width,initial-scale=1">
<link rel=apple-touch-icon sizes=180x180 href=./apple-touch-icon.jpg>
<link rel=icon type=image/png sizes=32x32 href=./favicon-32x32.jpg>
<link rel=icon type=image/png sizes=16x16 href=./favicon-16x16.jpg>
<link rel=manifest href=./site.webmanifest>
<link href=./css/fa6.min.css rel=stylesheet type=text/css>
<link rel=stylesheet href="/css/style.min.618281319302f641401d2c7e9e9624fe48cc1912675b4909be082b44902962a0.css">
<link rel=stylesheet href=./css/swiper-bundle.min.css>
<link href=./css/style.min.css rel=stylesheet type=text/css>
<link rel=stylesheet href=./css/custom.css>
<link rel=stylesheet href=./css/tokyo-night-dark.min.css>
<script src=https://unpkg.com/@tailwindcss/browser@4></script>
<meta name=description content>
<meta property="og:title" content="蓝旭工作室">
<meta property="og:type" content="website">
<meta property="og:url" content="https://bluemsun.com.cn/">
<meta property="og:image" content>
<meta property="og:description" content>
<meta name=twitter:card content>
<meta name=twitter:site content>
<meta name=twitter:creator content>
</head>
<body>
<header>
<div id=overlay>
<ul class="text-center list-none text-white text-3xl">
<li class=p-2><a href=. /><span>🏠返回主页</span></a></li>
<li class=p-2><a href=./products /><span>💻项目介绍</span></a></li>
<li class=p-2><a href=./blog /><span>📄往期博客</span></a></li>
<li class=p-2><a href=./news /><span>📰新闻栏目</span></a></li>
<li class=p-2><a href=./about /><span>☀️关于蓝旭</span></a></li>
<li class=p-2><a href=./contact /><span>😆加入我们</span></a></li>
</ul>
</div>
<nav class="flex items-center justify-between flex-wrap bg-opacity-80 p-4">
<div class="flex items-center flex-shrink-0 text-xl text-grey-900 mr-6 flex-row"><a
href=https://bluemsun.com.cn/ class="flex items-center flex-shrink-0 text-black mr-6"><img
alt="Bluemsun Studio" class="lg:h-14 h-10" src=./img/logo/logo.png>
<div>
<h1
class="px-2 text-4xl tracking-tighter text-balance max-lg:font-medium max-sm:px-4 sm:text-5xl lg:text-6xl xl:text-8xl">
蓝旭工作室</h1>
<h2
class="px-2 text-xl tracking-tighter text-balance max-lg:font-medium max-sm:px-4 sm:text-3xl lg:text-4xl xl:text-6xl">
Bluemsun Studio</h2>
</div>
</a></div>
<div class="block lg:hidden">
<div id=hamburgerbtn class="flex cursor-pointer items-center w-6 h-6 py-2 rounded mopen"><span
class=top></span>
<span class=middle></span>
<span class=bottom></span>
</div>
</div>
<div class="hidden w-full block flex-grow lg:flex lg:items-center lg:w-auto" id=mobileMenu>
<div class="text-lg lg:flex-grow"></div>
<div class=text-xl><a href=./
class="duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8 px-2 py-1 rounded">🏠返回主页
</a><a href=./products/
class="duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8 px-2 py-1 rounded">💻项目介绍
</a><a href=./blog/
class="duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8 px-2 py-1 rounded">📄往期博客
</a><a href=./news/
class="duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8 px-2 py-1 rounded">📰新闻栏目
</a><a href=./about/
class="duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8 px-2 py-1 rounded">☀️关于蓝旭
</a><a href=./contact/
class="duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8 px-2 py-1 rounded">😆加入我们</a>
</div>
</div>
</nav>
</header>
<div class="scroll-top rounded-full"><span class="icon-keyboard_arrow_up text-2xl"></span></div>
<div class=swiper-container>
<div class=swiper-wrapper>
<div class=swiper-slide><img src=img/slide/slide03.jpg alt>
<div class=s-fade-txt>
<h1 class="text-4xl text-black text-shadow text-3xl"></h1>
</div>
</div>
<div class=swiper-slide><img src=img/slide/slide00.jpg alt>
<div class=s-fade-txt>
<h1 class="text-4xl text-white text-shadow text-3xl"></h1>
</div>
</div>
<div class=swiper-slide><img src=img/slide/slide01.jpg alt>
<div class=s-fade-txt>
<h1 class="text-4xl text-white text-shadow text-3xl"></h1>
</div>
</div>
<div class=swiper-slide><img src=img/slide/slide05.jpg alt>
<div class=s-fade-txt>
<h1 class="text-4xl text-white text-shadow text-3xl"></h1>
</div>
</div>
</div>
<div class=swiper-button-prev></div>
<div class=swiper-button-next></div>
</div>
<div class="bg-tlgray-200 py-6 md:py-10">
<div class="container mx-auto max-w-7xl">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
<div
class="bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
<div class=p-1><span class="icon-desktop_windows text-5xl"></span>
<h2 class=text-2xl>学习资源</h2>
<p class=sans>学习前沿技术，参与真实项目，蓝旭工作室助你快速成长！丰富的项目实战机会，提升你的实践能力！</p>
</div>
</div>
<div
class="bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
<div class=p-1><span class="fa-solid fa-users text-5xl"></span>
<h2 class=text-2xl>团队合作</h2>
<p class=sans>工作室提供了一个协作平台，在项目中互相合作，分享各自的技能和创意，不仅能提升工作效率，还能增强人际沟通能力！</p>
</div>
</div>
<div
class="bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
<div class=p-1><span class="fa-regular fa-face-smile-wink text-5xl"></span>
<h2 class=text-2xl>氛围轻松</h2>
<p class=sans>加入我们，与志同道合的伙伴一起学习、成长！这里不仅是工作室，更是温暖的大家庭！</p>
</div>
</div>
<div
class="bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
<div class=p-1><span class="icon-github text-5xl"></span>
<h2 class=text-2xl>个人成长</h2>
<p class=sans>掌握网站建设、UI设计、编程开发等实用技能！为你的简历增添亮眼的一笔，未来求职更有竞争力！</p>
</div>
</div>
<div
class="bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
<div class=p-1><span class="fa-solid fa-terminal fa-sm text-5xl"></span>
<h2 class=text-2xl>工作室成就</h2>
<p class=sans>成功开发爱心超市等项目，获得广泛好评！加入我们，一起创造更多精彩！</p>
</div>
</div>
<div
class="bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
<div class=p-1><span class="fa-solid fa-palette text-5xl"></span>
<h2 class=text-2xl>创新空间</h2>
<p class=sans>工作室鼓励尝试新技术、新创意，提供创新空间。这里是激发创造力、实现个人理想的地方！</p>
</div>
</div>
</div>
</div>
</div>
<div class="mx-auto my-10 max-w-6xl">
<h2 class="text-4xl ml-2 w-full"><span>⭐精彩博客</span></h2><a href=https://bluemsun.com.cn/news/new7 />
<div
class="sans w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 transform hover:-translate-y-1 hover:shadow-md summary">
<img id=thumb alt=蓝旭工作室竞赛风采 class="aspect-video object-cover mx-auto lg:h-44" src=./img/news_pic/game.jpg>
<div class="border-r border-b border-l border-gray-400 lg:border-r-0 lg:border-t lg:border-gray-400 relative pl-4 p-6 justify-between leading-normal max-w-full w-full bg-white"
style="box-shadow:1px 1px 5px rgba(55,65,81,.4);border:0">
<div class="text-gray-900 font-bold text-xl mb-2">蓝旭工作室竞赛风采</div>
<p class="text-gray-700 text-base pb-5">在 2023-2024
年里，蓝旭工作室嘉奖频出，成员们国际大学生程序设计竞赛（ICPC）、全国大学生程序设计竞赛（CCPC）、中国大学...</p><span
class="text-sm text-gray-600 items-center"><span class=ml-2><i
class="fa-solid fa-calendar-days"></i></span>
</span><time>2025/03/13</time>
</div>
</div></a><a href=https://bluemsun.com.cn/news/new6 />
<div
class="sans w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 transform hover:-translate-y-1 hover:shadow-md summary">
<img id=thumb alt=蓝旭工作室朱刘锦翔同学在药物-靶标相互作用预测领域取得重要突破 class="aspect-video object-cover mx-auto lg:h-44"
src=./img/news_pic/news7.jpg>
<div class="border-r border-b border-l border-gray-400 lg:border-r-0 lg:border-t lg:border-gray-400 relative pl-4 p-6 justify-between leading-normal max-w-full w-full bg-white"
style="box-shadow:1px 1px 5px rgba(55,65,81,.4);border:0">
<div class="text-gray-900 font-bold text-xl mb-2">蓝旭工作室朱刘锦翔同学在药物-靶标相互作用预测领域取得重要突破</div>
<p class="text-gray-700 text-base pb-5">近日，蓝旭工作室的朱刘锦翔同学及其团队成员在药物-靶标相互作用（Drug-Target Interactions,
DTIs）预测领域取得了重要突破。其研究成果成功发表于国际知名 SCI 期刊《Tsinghua Science and Technolog...</p><span
class="text-sm text-gray-600 items-center"><span class=ml-2><i
class="fa-solid fa-calendar-days"></i></span>
</span><time>2025/03/12</time>
</div>
</div></a><a href=https://bluemsun.com.cn/blog/13wxy2 />
<div
class="sans w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 transform hover:-translate-y-1 hover:shadow-md summary">
<img id=thumb alt=动画 class="aspect-video object-cover mx-auto lg:h-44"
src=./img/blog_pic/%e5%89%8d%e7%ab%af.jpg>
<div class="border-r border-b border-l border-gray-400 lg:border-r-0 lg:border-t lg:border-gray-400 relative pl-4 p-6 justify-between leading-normal max-w-full w-full bg-white"
style="box-shadow:1px 1px 5px rgba(55,65,81,.4);border:0">
<div class="text-gray-900 font-bold text-xl mb-2">动画</div>
<p class="text-gray-700 text-base pb-5">01-平面转换 作用：为元素添加动态效果，一般与过渡配合使用 概念：改变盒子在平面内的形态，平面转换又叫 2D 转换
平移 属性：transform: trans...</p><span class="text-sm text-gray-600 items-center"><span class=ml-2><i
class="fa-solid fa-calendar-days"></i></span>
</span><time>2024/12/30</time>
<span class=ml-2><i class="fa-solid fa-at"></i></span>
<span>万晓煜</span>
<span class=ml-2><i class="fa-solid fa-list"></i></span>
<span><a href=https://bluemsun.com.cn/categories/%E5%89%8D%E7%AB%AF>前端</a></span>
</div>
</div></a>
<div class="flex flex-wrap justify-center text-gray-300 my-5"><a href=blog/
class="duration-200 px-6 py-3 bg-tlgray-800 hover:opacity-80 hover:text-white relative block focus:outline-none text-md text-center">查看更多
></a></div>
</div>
<footer class=bg-tlgray-100>
<script>function toggleNav() { var e = document.getElementById("hamburgerbtn"), t = document.getElementById("overlay"), n = document.body; e.addEventListener("click", function () { t.classList.toggle("open"), e.classList.toggle("is-open"), n.classList.toggle("scroll-lock") }) } toggleNav(), document.querySelector(".scroll-top").addEventListener("click", () => { document.documentElement.scrollTop = 0 })</script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&display=swap" rel=stylesheet>
<div class="flex items-center justify-between flex-wrap bg-gray-800 p-8 text-white">
<div class="items-center text-xl text-grey-900 mr-6 flex flex-row"><img alt="Bluemsun Studio"
class="lg:h-14 h-10 mr-8" src=./img/logo/logo.png>
<div>
<h1
class="px-2 text-3xl tracking-tighter text-balance max-lg:font-medium max-sm:px-4 sm:text-5xl lg:text-6xl xl:text-8xl">
蓝旭工作室</h1>
<h2
class="px-2 text-xl tracking-tighter text-balance max-lg:font-medium max-sm:px-4 sm:text-3xl lg:text-4xl xl:text-6xl">
Bluemsun Studio</h2>
</div>
</div>
<div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto" id=mobileMenu>
<div class="text-lg lg:flex-grow"></div>
<div class="flex flex-row items-center text-lg"><a href=https://github.com/BluemsunOffice
class="block mt-4 lg:inline-block lg:mt-0 text-gray-300 hover:text-white mr-8"><i
class='icon-github text-2xl'></i></a></div>
</div>
</div>
<div class="copy pl-8 py-5 bg-tlgray-700 text-white text-md w-full text-center">© Hello! Bluemsun 2025 All
Rights Reserved.<br><span class=icp>
<p class=beian>浙ICP备2024119634号</p>
</span>
<script async src=https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js></script><span
class=post-meta-item id=busuanzi_container_site_pv style=display:inline><span
class=post-meta-item-icon><i class="fa fa-eye"></i></span>
<span class=site-pv title=总访问量><span id=busuanzi_value_site_pv></span></span></span>
</div>
</footer>
<script src=./js/swiper-bundle.min.js></script>
<script>var mySwiper = new Swiper(".swiper-container", { direction: "horizontal", loop: !0, speed: 550, autoplay: { delay: 6e3 }, pagination: { el: ".swiper-pagination" }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" } })</script>
</body>
</html>