feat: migration vers template academic-homepage original
Build and Deploy Jekyll / deploy (push) Successful in 42s
Build and Deploy Jekyll / deploy (push) Successful in 42s
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
---
|
||||
show: true
|
||||
width: 1
|
||||
date: 2017-01-13 00:01:00 +0800
|
||||
class: "" # Override the default card style
|
||||
---
|
||||
<div>
|
||||
<img src="{{ 'assets/images/badges/PKU_red.png' | relative_url }}" class="img-fluid rounded-xl" >
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
show: true
|
||||
width: 1
|
||||
date: 2017-01-12 00:01:00 +0800
|
||||
class: "" # Override the default card style
|
||||
---
|
||||
<div>
|
||||
<img src="{{ 'assets/images/badges/MIT_Social_circle.png' | relative_url }}" class="img-fluid rounded-xl" >
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
show: true
|
||||
width: 1
|
||||
date: 2017-01-11 00:01:00 +0800
|
||||
class: "" # Override the default card style
|
||||
---
|
||||
<div>
|
||||
<img src="{{ 'assets/images/etc/tim_the_beaver.png' | relative_url }}" class="img-fluid rounded-xl" >
|
||||
</div>
|
||||
@@ -0,0 +1,23 @@
|
||||
---
|
||||
show: false
|
||||
width: 6
|
||||
date: 2020-01-12 00:01:00 +0800
|
||||
---
|
||||
<div class="m-4">
|
||||
<h5>Education</h5>
|
||||
<ul class="list-unstyled mb-1">
|
||||
{% for item in site.data.profile.education %}
|
||||
<li class="media mb-1">
|
||||
<img src="{{ item.logo | relative_url }}" alt="{{ item.name }}" style="width: 18px;" class="mr-1 mt-1">
|
||||
<div class="media-body">
|
||||
<div>{{ item.name }}</div>
|
||||
<div class="small">{{ item.dept }}</div>
|
||||
<div class="small d-flex">
|
||||
<div>{{ item.position }}</div>
|
||||
<div class="mt-auto ml-auto no-break"><em>{{ item.date }}</em></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
@@ -0,0 +1,8 @@
|
||||
---
|
||||
show: true
|
||||
width: 4
|
||||
date: 2017-01-14 00:01:00 +0800
|
||||
---
|
||||
<div class="p-4 text-center">
|
||||
$a^2 + b^2 = c^2$
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
---
|
||||
show: true
|
||||
width: 4
|
||||
date: 2020-01-12 00:01:00 +0800
|
||||
---
|
||||
|
||||
<div class="p-4">
|
||||
<h5>Disable Showcase Page?</h5>
|
||||
<hr />
|
||||
<p>
|
||||
If you want to disable this showcase page, you can hide it from the navigation bar by removing the showcase in <code>data/navigation.yml</code>
|
||||
</p>
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
---
|
||||
show: true
|
||||
width: 4
|
||||
date: 2020-01-12 00:01:00 +0800
|
||||
---
|
||||
<div>
|
||||
<img data-src="{{ 'assets/images/covers/cover1.jpg' | relative_url }}" class="lazy w-100 rounded-xl" src="{{ '/assets/images/empty_300x200.png' | relative_url }}">
|
||||
|
||||
<div class="card-img-overlay" style="overflow: scroll; background: rgb(255,255,255,0.8)">
|
||||
<h5 class="card-title">Image Lazyload</h5>
|
||||
<p class="card-text">
|
||||
It is highly recommended to use lazyload for images to improve page loading speed, especially for pages with many images.
|
||||
Example code snippet:
|
||||
</p>
|
||||
<p class="card-text">
|
||||
{% raw %}
|
||||
<code><img data-src="[Image URL]" class="lazy w-100 rounded-xl" src="{{ '/assets/images/empty_300x200.png' | relative_url }}"></code>
|
||||
{% endraw %}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,15 @@
|
||||
---
|
||||
show: true
|
||||
width: 4
|
||||
date: 2020-01-12 00:01:00 +0800
|
||||
---
|
||||
<div>
|
||||
<img data-src="https://api.star-history.com/svg?repos=luost26/academic-homepage&type=Date" class="lazy w-100 rounded-xl-top" src="{{ '/assets/images/empty_300x200.png' | relative_url }}">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">GitHub Star History</h5>
|
||||
<p class="card-text">
|
||||
This image shows the star history of the GitHub repository of this website.
|
||||
</p>
|
||||
<p class="card-text"><small><a href="https://github.com/luost26/academic-homepage" target="_blank">Give a star!</a></small></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
---
|
||||
show: true
|
||||
width: 4
|
||||
date: 2021-09-12 00:01:00 +0800
|
||||
height: 295px
|
||||
images:
|
||||
- src: https://picsum.photos/seed/first1111/800/800
|
||||
title: Photo 1
|
||||
desc: Description 1.
|
||||
link: https://picsum.photos/
|
||||
- src: https://picsum.photos/seed/second22/800/800
|
||||
title: Photo 2
|
||||
desc: Description 2
|
||||
- src: https://picsum.photos/seed/third33/800/800
|
||||
---
|
||||
|
||||
{% include widgets/carousel.html id=page.id images=page.images height=page.height %}
|
||||
@@ -0,0 +1,23 @@
|
||||
---
|
||||
show: true
|
||||
width: 8
|
||||
date: 2024-01-12 00:01:00 +0800
|
||||
---
|
||||
|
||||
<div class="p-4">
|
||||
<h2>Welcome to Showcase!</h2>
|
||||
<hr />
|
||||
<p>
|
||||
<code>Showcase</code> is a page where you can show off almost anything you want. It can be the photo of your pets, your favorite books, your favorite projects, or anything else you want to show to the world.
|
||||
</p>
|
||||
<p>
|
||||
You can create a new showcase item by creating a new file in the <code>_showcase</code> folder. It gives you the highest flexibility to customize the item using any HTML code.
|
||||
</p>
|
||||
<p>
|
||||
Cards are ordered by the <code>date</code> field in the front matter in descending order. The <code>width</code> field is used to determine the width of the card, ranging from 1 to 12.
|
||||
Layout is done by the <a href="https://masonry.desandro.com/" target="_blank">Masonry</a> library.
|
||||
</p>
|
||||
<p>
|
||||
For a tidy layout, it is recommended to set the width of the cards to be either multiple of 3 or multiple of 4 for all cards, except for small badges that do not take up much space (width=1).
|
||||
</p>
|
||||
</div>
|
||||
Reference in New Issue
Block a user