Skip to content

Commit

Permalink
首页UI修改
Browse files Browse the repository at this point in the history
  • Loading branch information
@971230
971230 committed Sep 14, 2024
1 parent 71dfcaf commit f103f37
Showing 1 changed file with 42 additions and 45 deletions.
87 changes: 42 additions & 45 deletions docs/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,103 +11,100 @@ hide:
<h1></h1>
<!--Section: hero -->
<div style="text-align: center;">
<!-- 只解决宽度，高度就定死了，UI上实在费劲 -->
<!-- 只解决一点 UI上实在费劲 TODO 解决不同分辨率的适配问题，现在是死的 -->
<section data-md-color-scheme="slate" data-md-color-primary="gray" data-md-color-accent="teal" class="home-div"
style="height: 487px; position: relative; margin-top:-2.4rem; padding: 0; overflow: hidden;">
<!-- hero image -->
style="height: 78.001%; position: absolute;
margin-top: -4.5rem; margin-left: -7.8rem; margin-right: -7.7rem; margin-bottom: -1.2rem;
padding: 0; overflow: hidden;">
<!-- hero image user-select: none;-->
<img src="assets\hero\universe_bg.png" class="hero-bg" alt="" style="pointer-events: none; user-select: none;">
<div class="hero-div">
<img src="assets\hero\ground.png" alt=""
style="position: absolute; width: auto; height: 26.445%; left: 37.211%; top: 54.145%;">
style="position: absolute; width: auto; height: 24.445%; left: 35.411%; top: 54.145%;">
<img src="assets\hero\links.png" alt=""
style="position: absolute; width: 1000px; height: 78.751%; left: 10.545%; top: 7.326%;">
style="position: absolute; width: auto; height: 78.751%; left: 25.545%; top: 7.326%;">
<a class="special-effects" href="/">
<img src="assets\hero\astronaut.png" alt=""
style="position: absolute; height: 46.673%; left: 40.413%; top: 24.343%;">
<span style="position: absolute;left: 47.244%; top: 16.919%;">善良</span>
style="position: absolute; height: 46.673%; left: 37.713%; top: 24.143%;">
<span style="position: absolute;left: 44.244%; top: 18.919%;">善良</span>
</a>
<a class="special-effects" href="/">
<img src="assets\hero\chapter_computational_complexity.png" alt=""
style="position: absolute;height: 12.347%; left: 40.867%; top: 37.653%;">
<span style="position: absolute;left: 41.044%; top: 30.519%;">诚实</span>
style="position: absolute;height: 12.347%; left: 37.867%; top: 37.653%;">
<span style="position: absolute;left: 38.044%; top: 32.519%;">诚实</span>
</a>
<a class="special-effects" href="/">
<img src="assets\hero\chapter_array_and_linkedlist.png" alt=""
style="position: absolute;height: 22.242%; left: 70.542%; top: 52.481%;">
<span style="position: absolute;left: 77.897%; top: 75.259%;">勇敢</span>
style="position: absolute;height: 22.242%; left: 53.542%; top: 52.481%;">
<span style="position: absolute;left: 60.897%; top: 75.259%;">勇敢</span>
</a>
<a class="special-effects" href="/">
<img src="assets\hero\chapter_stack_and_queue.png" alt=""
style="position: absolute;height: 14.302%; left: 61.646%; top: 77.875%;">
<span style="position: absolute;left: 65.571%; top: 91.25%;">宽容</span>
style="position: absolute;height: 14.302%; left: 50.646%; top: 75.875%;">
<span style="position: absolute;left: 54.571%; top: 89.25%;">宽容</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_hashing.png" alt=""
style="position: absolute;height: 15.266%; left: 62.281%; top: 27.933%;">
<span style="position: absolute;left: 62.162%; top: 46.292%;">耐心</span>
style="position: absolute;height: 15.266%; left: 49.881%; top: 27.933%;">
<span style="position: absolute;left: 51.162%; top: 45.292%;">耐心</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_tree.png" alt=""
style="position: absolute;height: 19.615%; left: 77.837%; top: 26.678%;">
<span style="position: absolute;left: 84.159%; top: 44.8%;">慷慨</span>
style="position: absolute;height: 19.615%; left: 55.837%; top: 26.678%;">
<span style="position: absolute;left: 62.159%; top: 44.8%;">慷慨</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_heap.png" alt=""
style="position: absolute;height: 10.566%; left: 74.126%; top: 11.559%;">
<span style="position: absolute;left: 79.103%; top: 13.422%;">谦逊</span>
style="position: absolute;height: 10.566%; left: 55.126%; top: 11.559%;">
<span style="position: absolute;left: 59.103%; top: 13.422%;">谦逊</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_graph.png" alt=""
style="position: absolute;height: 16.112%; left: 51.854%; top: 5.575%;">
<span style="position: absolute;left: 60.195%; top: 3.503%;">责任感</span>
style="position: absolute;height: 16.112%; left: 44.854%; top: 5.575%;">
<span style="position: absolute;left: 53.195%; top: 3.503%;">责任感</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_searching.png" alt=""
style="position: absolute;height: 15.149%; left: 18.185%; top: 16.404%;">
<span style="position: absolute;left: 14.556%; top: 20.876%;">正直</span>
style="position: absolute;height: 15.149%; left: 29.185%; top: 16.404%;">
<span style="position: absolute;left: 26.556%; top: 20.876%;">正直</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_sorting.png" alt=""
style="position: absolute;height: 9.574%; left: 25.409%; top: 40.747%;">
<span style="position: absolute;left: 28.805%; top: 48.808%;">同情心</span>
style="position: absolute;height: 9.574%; left: 32.409%; top: 40.747%;">
<span style="position: absolute;left: 32.805%; top: 50.808%;">同情心</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_divide_and_conquer.png" alt=""
style="position: absolute;height: 18.681%; left: 32.721%; top: 4.816%;">
<span style="position: absolute;left: 30.42%; top: 4.679%;">智慧</span>
style="position: absolute;height: 18.681%; left: 34.721%; top: 4.816%;">
<span style="position: absolute;left: 33.42%; top: 4.679%;">智慧</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_backtracking.png" alt=""
style="position: absolute;height: 17.338%; left: 8.875%; top: 32.925%;">
<span style="position: absolute;left: 6.742%; top: 48.113%;">坚韧</span>
style="position: absolute;height: 17.338%; left: 22.875%; top: 32.925%;">
<span style="position: absolute;left: 20.742%; top: 48.113%;">坚韧</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_dynamic_programming.png" alt=""
style="position: absolute;height: 15.47%; left: 11.406%; top: 57.472%;">
<span style="position: absolute;left: 10.561%; top: 74.351%;">乐观</span>
style="position: absolute;height: 15.47%; left: 25.406%; top: 57.472%;">
<span style="position: absolute;left: 24.561%; top: 74.351%;">乐观</span>
</a>
<a class="special-effects" href="/">
<img src="assets/hero/chapter_greedy.png" alt=""
style="position: absolute;height: 14.127%; left: 23.132%; top: 75.803%;">
<span style="position: absolute;left: 21.619%; top: 86.85%;">尊重</span>
style="position: absolute;height: 14.127%; left: 30.132%; top: 75.803%;">
<span style="position: absolute;left: 28.619%; top: 86.85%;">尊重</span>
</a>
<span class="typewriter" style="position: absolute;left: 42.219%; top: 80.85%;font-weight: bold;font-size:1.5em;"></span>
</div>
</section>
</div>

<div style="text-align: center;">
<a style="border-radius: 15px;" class="md-button md-button--primary" href="开始阅读/">
开始阅读
<img alt="" class="twemoji" src="https://cdn.jsdelivr.net/gh/jdecked/[email protected]/assets/svg/1f4da.svg" title=":books:">
</a>
<a style="border-radius: 15px;margin-left: 15px;" class="md-button" href="https://github.com/971230/971230.github.io">
Github
<span class="typewriter" style="position: absolute;left: 40.219%; top: 75.85%;font-weight: bold;font-size:1.5em;"></span>
<a style="border-radius: 15px;position: absolute;left: 35.219%; top: 89.85%;" class="md-button md-button--primary" href="开始阅读/">开始阅读
<img alt="" class="twemoji" src="https://cdn.jsdelivr.net/gh/jdecked/[email protected]/assets/svg/1f4da.svg">
</a>
<a style="border-radius: 15px;margin-left: 15px;position: absolute;left: 44.019%; top: 89.85%;" class="md-button" href="https://github.com/971230/971230.github.io">Github
<span class="twemoji">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z">
</path>
</svg>
</span>
</a>
</div>
</section>
</div>
</div>

0 comments on commit f103f37

Please sign in to comment.