overcast404/wikijs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: overcast404:f10cafb3f85e3e70fc58531accd95babd2ef6fa4
Branches Tags
overcast404:master
..
compare: overcast404:aab4d40730a26ad901625113f1a6cd9eecda640a
Branches Tags
overcast404:master

No commits in common. "f10cafb3f85e3e70fc58531accd95babd2ef6fa4" and "aab4d40730a26ad901625113f1a6cd9eecda640a" have entirely different histories.
f10cafb3f8 ... aab4d40730

1 changed files with 85 additions and 28 deletions
Show Stats Expand all files Collapse all files

113
home.html
View File

@ -2,37 +2,94 @@
title: 欢迎 title: 欢迎
description: description:
published: true published: true
date: 2024-03-16T07:34:35.209Z date: 2024-03-16T07:31:13.772Z
tags: tags:
editor: code editor: code
dateCreated: 2024-03-16T07:25:56.956Z dateCreated: 2024-03-16T07:25:56.956Z
--> -->
<div class="container"> <div class="app">
<div class="box"> <div class="cardList">
<span></span> <button class="cardList__btn btn btn--left">
<div class="content"> <div class="icon">
<h2>Card one</h2> <svg>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <use xlink:href="#arrow-left"></use>
<a href="#">Read More</a> </svg>
</div> </div>
</div> </button>
<div class="box"> <div class="cards__wrapper">
<span></span> <div class="card current--card">
<div class="content"> <div class="card__image">
<h2>Card two</h2> <img src="https://source.unsplash.com/Z8dtTatMVMw" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div>
<a href="#">Read More</a> </div>
</div>
</div> <div class="card next--card">
<div class="card__image">
<div class="box"> <img src="https://source.unsplash.com/9dmycbFE7mQ" alt="" />
<span></span> </div>
<div class="content"> </div>
<h2>Card Three</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <div class="card previous--card">
<a href="#">Read More</a> <div class="card__image">
</div> <img src="https://source.unsplash.com/m7K4KzL5aQ8" alt="" />
</div> </div>
</div> </div>
</div>
<button class="cardList__btn btn btn--right">
<div class="icon">
<svg>
<use xlink:href="#arrow-right"></use>
</svg>
</div>
</button>
</div>
<div class="infoList">
<div class="info__wrapper">
<div class="info current--info">
<h1 class="text name">Highlands</h1>
<h4 class="text location">Scotland</h4>
<p class="text description">The mountains are calling</p>
</div>
<div class="info next--info">
<h1 class="text name">Machu Pichu</h1>
<h4 class="text location">Peru</h4>
<p class="text description">Adventure is never far away</p>
</div>
<div class="info previous--info">
<h1 class="text name">Chamonix</h1>
<h4 class="text location">France</h4>
<p class="text description">Let your dreams come true</p>
</div>
</div>
</div>
<div class="app__bg">
<div class="app__bg__image current--image">
<img src="https://source.unsplash.com/Z8dtTatMVMw" alt="" />
</div>
<div class="app__bg__image next--image">
<img src="https://source.unsplash.com/9dmycbFE7mQ" alt="" />
</div>
<div class="app__bg__image previous--image">
<img src="https://source.unsplash.com/m7K4KzL5aQ8" alt="" />
</div>
</div>
</div>
<svg class="icons" style="display: none;">
<symbol id="arrow-left" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>
<polyline points='328 112 184 256 328 400'
style='fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px' />
</symbol>
<symbol id="arrow-right" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>
<polyline points='184 112 328 256 184 400'
style='fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px' />
</symbol>
</svg>