mirror of
https://github.com/m1ngsama/FUJI.git
synced 2025-12-24 10:51:27 +00:00
add page join-us
This commit is contained in:
LazuliKao
parent
f457c1fc6f
commit
50f42c0911
2 changed files with 267 additions and 3 deletions
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
import { SITE_TITLE } from "../consts"
|
||||
import { SITE_TITLE } from "../consts";
|
||||
---
|
||||
|
||||
<nav class="nav">
|
||||
|
|
@ -7,7 +7,11 @@ import { SITE_TITLE } from "../consts"
|
|||
<div class="nav-content-wrapper">
|
||||
<div class="nav-content">
|
||||
<a href="/" class="nav-title flex items-center gap-3">
|
||||
<img src="https://oss.nbtca.space/CA-logo.svg" alt="" style="width: 28px; aspect-ratio: 1;" />
|
||||
<img
|
||||
src="https://oss.nbtca.space/CA-logo.svg"
|
||||
alt=""
|
||||
style="width: 28px; aspect-ratio: 1;"
|
||||
/>
|
||||
<span class="hidden md:block">
|
||||
{SITE_TITLE}
|
||||
</span>
|
||||
|
|
@ -17,11 +21,16 @@ import { SITE_TITLE } from "../consts"
|
|||
<a href="/archive" class="nav-item-content">目录</a>
|
||||
</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="https://repair.nbtca.space" class="nav-item-content">维修</a>
|
||||
<a href="https://repair.nbtca.space" class="nav-item-content">
|
||||
维修
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="/about" class="nav-item-content">关于</a>
|
||||
</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="/join-us" class="nav-item-content">加入我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
255
src/pages/join-us.astro
Normal file
255
src/pages/join-us.astro
Normal file
|
|
@ -0,0 +1,255 @@
|
|||
---
|
||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||
---
|
||||
|
||||
<BaseLayout primaryTitle="加入我们">
|
||||
<div class="container">
|
||||
<h2 class="life-at-apple__eyebrow">在 NBTCA 生活</h2>
|
||||
<p class="t-hero-headline-oversized">
|
||||
<span
|
||||
class="t-hero-headline-oversized-span"
|
||||
aria-label="加入我们，共同创造我们的社区。"
|
||||
>
|
||||
<span class="gradient-warm">加入我们，</span>
|
||||
<span class="gradient-warm">共同创造我们的社区。</span>
|
||||
</span>
|
||||
</p>
|
||||
<div class="body-container">
|
||||
<p class="life-at-apple__body-text">
|
||||
探索我们的资源和文化：这里有丰富的资源和注重包容、成长和独创性的协作文化，助你缔造精彩人生。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</BaseLayout>
|
||||
|
||||
<style>
|
||||
@media screen and (min-width: 768px) {
|
||||
/*PC*/
|
||||
.container {
|
||||
width: 682px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.gradient-warm {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
--r-globalmessage-segment-height: 0px;
|
||||
--r-globalnav-segmentbar-height: 0px;
|
||||
--r-globalnav-height: 48px;
|
||||
--rem: 16;
|
||||
--r-globalnav-background-opened: #fafafc;
|
||||
--r-globalnav-background-opened-dark: #161617;
|
||||
--sk-focus-color: #0071e3;
|
||||
--sk-focus-color-alt: rgb(0, 0, 0);
|
||||
--sk-focus-offset: 1px;
|
||||
--sk-focus-offset-container: 3px;
|
||||
color: #333333;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
direction: ltr;
|
||||
--body-container-width: 645px;
|
||||
text-align: center;
|
||||
font-size: 75px;
|
||||
line-height: 1.06667;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
|
||||
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
||||
quotes: "“" "”";
|
||||
font-style: normal;
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-box-decoration-break: clone;
|
||||
background: url(https://www.apple.com/careers/images/fy21/apple_jobs_gradient-final_Apple_Jobs_Gradients_Warm/desktop@2x.png);
|
||||
background-size: 200% 100%;
|
||||
-webkit-background-clip: text;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
/*Mobile*/
|
||||
.gradient-warm {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
--r-globalmessage-segment-height: 0px;
|
||||
--r-globalnav-segmentbar-height: 0px;
|
||||
--r-globalnav-height: 48px;
|
||||
--r-globalnav-background-opened: #fafafc;
|
||||
--r-globalnav-background-opened-dark: #161617;
|
||||
--sk-focus-color: #0071e3;
|
||||
--sk-focus-color-alt: rgb(0, 0, 0);
|
||||
--sk-focus-offset: 1px;
|
||||
--sk-focus-offset-container: 3px;
|
||||
color: #333333;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
direction: ltr;
|
||||
--body-container-width: 645px;
|
||||
text-align: center;
|
||||
font-size: 38px;
|
||||
line-height: 1.10538;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
|
||||
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
||||
quotes: "“" "”";
|
||||
font-style: normal;
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-box-decoration-break: clone;
|
||||
background: url(/careers/images/fy21/apple_jobs_gradient-final_Apple_Jobs_Gradients_Warm/desktop@2x.png);
|
||||
background-size: 200% 100%;
|
||||
-webkit-background-clip: text;
|
||||
}
|
||||
}
|
||||
.body-container {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
--r-globalnav-height: 44px;
|
||||
--r-globalmessage-segment-height: 0px;
|
||||
--r-globalnav-segmentbar-height: 0px;
|
||||
--r-globalnav-background-opened: #fafafc;
|
||||
--r-globalnav-background-opened-dark: #161617;
|
||||
--sk-focus-color: #0071e3;
|
||||
--sk-focus-color-alt: rgb(0, 0, 0);
|
||||
--sk-focus-offset: 1px;
|
||||
--sk-focus-offset-container: 3px;
|
||||
color: #333333;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
direction: ltr;
|
||||
font-weight: 400;
|
||||
font-size: 17px;
|
||||
line-height: 1.82353;
|
||||
--body-container-width: 645px;
|
||||
text-align: center;
|
||||
letter-spacing: 0;
|
||||
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
|
||||
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
||||
quotes: "“" "”";
|
||||
font-style: normal;
|
||||
margin-bottom: 60px;
|
||||
width: 100%;
|
||||
}
|
||||
.life-at-apple__body-text {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
--r-globalnav-height: 44px;
|
||||
--r-globalmessage-segment-height: 0px;
|
||||
--r-globalnav-segmentbar-height: 0px;
|
||||
--r-globalnav-background-opened: #fafafc;
|
||||
--r-globalnav-background-opened-dark: #161617;
|
||||
--sk-focus-color: #0071e3;
|
||||
--sk-focus-color-alt: rgb(0, 0, 0);
|
||||
--sk-focus-offset: 1px;
|
||||
--sk-focus-offset-container: 3px;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
direction: ltr;
|
||||
--body-container-width: 645px;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
|
||||
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
||||
quotes: "“" "”";
|
||||
font-style: normal;
|
||||
font-size: 30px;
|
||||
line-height: 1.2;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
color: #000;
|
||||
margin: 20px 0 40px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.life-at-apple__eyebrow {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
--r-globalmessage-segment-height: 0px;
|
||||
--r-globalnav-segmentbar-height: 0px;
|
||||
--r-globalnav-height: 48px;
|
||||
--rem: 16;
|
||||
--r-globalnav-background-opened: #fafafc;
|
||||
--r-globalnav-background-opened-dark: #161617;
|
||||
--sk-focus-color: #0071e3;
|
||||
--sk-focus-color-alt: rgb(0, 0, 0);
|
||||
--sk-focus-offset: 1px;
|
||||
--sk-focus-offset-container: 3px;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
direction: ltr;
|
||||
--body-container-width: 645px;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
|
||||
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
||||
quotes: "“" "”";
|
||||
font-style: normal;
|
||||
font-size: 30px;
|
||||
line-height: 1.2;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0;
|
||||
color: #000;
|
||||
margin: 60px 0 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.t-hero-headline-oversized {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
--r-globalmessage-segment-height: 0px;
|
||||
--r-globalnav-segmentbar-height: 0px;
|
||||
--r-globalnav-height: 48px;
|
||||
--rem: 16;
|
||||
--r-globalnav-background-opened: #fafafc;
|
||||
--r-globalnav-background-opened-dark: #161617;
|
||||
--sk-focus-color: #0071e3;
|
||||
--sk-focus-color-alt: rgb(0, 0, 0);
|
||||
--sk-focus-offset: 1px;
|
||||
--sk-focus-offset-container: 3px;
|
||||
color: #333333;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
direction: ltr;
|
||||
--body-container-width: 645px;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
|
||||
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
||||
quotes: "“" "”";
|
||||
font-style: normal;
|
||||
font-size: 75px;
|
||||
line-height: 1.06667;
|
||||
letter-spacing: 0;
|
||||
font-weight: 600;
|
||||
margin: 20px 0 40px;
|
||||
}
|
||||
.t-hero-headline-oversized-span {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
--r-globalmessage-segment-height: 0px;
|
||||
--r-globalnav-segmentbar-height: 0px;
|
||||
--r-globalnav-height: 48px;
|
||||
--rem: 16;
|
||||
--r-globalnav-background-opened: #fafafc;
|
||||
--r-globalnav-background-opened-dark: #161617;
|
||||
--sk-focus-color: #0071e3;
|
||||
--sk-focus-color-alt: rgb(0, 0, 0);
|
||||
--sk-focus-offset: 1px;
|
||||
--sk-focus-offset-container: 3px;
|
||||
color: #333333;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
direction: ltr;
|
||||
--body-container-width: 645px;
|
||||
text-align: center;
|
||||
font-size: 75px;
|
||||
line-height: 1.06667;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
|
||||
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
||||
quotes: "“" "”";
|
||||
font-style: normal;
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-box-decoration-break: clone;
|
||||
background: url(https://www.apple.com/careers/images/fy21/apple_jobs_gradient-final_Apple_Jobs_Gradients_Warm/desktop@2x.png);
|
||||
background-size: 200% 100%;
|
||||
-webkit-background-clip: text;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in a new issue