Skip to content

Commit

Permalink
update archive.md
Browse files Browse the repository at this point in the history
  • Loading branch information
@Deep0Thinking
Deep0Thinking committed Apr 19, 2024
1 parent fd30529 commit ab65a3c
Showing 1 changed file with 21 additions and 17 deletions.
38 changes: 21 additions & 17 deletions archive.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,9 @@ layout: page
title: Archive
---

### Papers published by me (Full-Display Style) :
Welcome to the "Archive" page! Here, you can showcase your publications, including papers and books, in a visually appealing manner. Below are templates for two display styles: Full-Display and Scrolling-Display.

### Books (Full-Display Style) :

<!-- The whole display part for Full-Display Style -->
<div class="Group-Container-Full-Display">
Expand All @@ -12,22 +14,22 @@ title: Archive
<div class="Single-Container">

<!-- I separate the part of (Class) ImgBorder and ImgOpacity because that would not affect the opacity of the border part when hover over the (Class) Single-Container -->
<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Hover-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

<div class="Selection">

<!-- The least unit of an option, and you can add more options as you want up to 4 -->
<a class="Option-width" href="https://Please-paste-the-link-here" target="_blank"><div class="Option">PDF</div></a>
<a class="Option-width" href="https://Please-paste-the-link-here" target="_blank"><div class="Option">Link 1</div></a>

</div>

</div>

<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Click-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

Expand All @@ -43,7 +45,7 @@ title: Archive

<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Hover-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

Expand All @@ -61,7 +63,7 @@ title: Archive

<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Click-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

Expand All @@ -81,28 +83,28 @@ title: Archive

</div>

### Books published by me (Scrolling-Display Style) (you can scroll this part horizontally):
### Books (Scrolling-Display Style) (you can scroll this part horizontally):

<!-- The whole display part for Scrolling-Display Style -->
<div class="Group-Container-Scrolling-Display">

<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Hover-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

<div class="Selection">

<a class="Option-width" href="https://Please-paste-the-link-here" target="_blank"><div class="Option">PDF</div></a>
<a class="Option-width" href="https://Please-paste-the-link-here" target="_blank"><div class="Option">Link 1</div></a>

</div>

</div>

<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Click-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

Expand All @@ -118,7 +120,7 @@ title: Archive

<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Hover-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

Expand All @@ -136,7 +138,7 @@ title: Archive

<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Click-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

Expand Down Expand Up @@ -166,20 +168,22 @@ title: Archive

If you want to decorate it in your way, you may have to learn Jekyll and some front-end programming languages.

If you don't like this page or think this page is somehow needless, you can easily remove it through deleting the "**/new-page.md**" file and the `- new-page.md` line under the "**/_config.yml**" file.
If you find this page unnecessary, you can easily remove it from you blog through deleting the "**/new-page.md**" file and the `- new-page.md` line under the "**/_config.yml**" file.

The following contents show 2 display block style:

1. Full-Display Style

2. Scrolling-Display Style

And both of them support adding items ( `<div class="Single-Container">...</div>` , which is **the least unit of a display item** within a display block) with no max quantity limit. So you can edit them by deleting or adding **this code block** inside the Full-Display Style block `<div class="Group-Container-Full-Display">...</div>` or the Scrolling-Display Style block `<div class="Group-Container-Scrolling-Display">...</div>` :
To add more items to either display style, replicate the `<div class="Single-Container">...</div>` (which is **the least unit of a display item** within a display container) block within the corresponding group container `<div class="Group-Container-Full-Display">...</div>` or `<div class="Group-Container-Scrolling-Display">...</div>`.

<br>

```html
<div class="Single-Container">

<div class="ImgBorder"><img class="ImgOpacity" src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif" alt="Title"></div>
<div class="ImgBorder"><img class="ImgOpacity" src="https://deep0thinking.com/wp-content/uploads/2024/01/Hover-on-me.jpg" alt="Title"></div>

<div class="Text">Title</div>

Expand All @@ -193,9 +197,9 @@ And both of them support adding items ( `<div class="Single-Container">...</div>
</div>
```

And please note that the `src` value in every display item are `src="https://thumbs.gfycat.com/MellowEvergreenAfricanelephant-size_restricted.gif"` , and that link address determines the cover of the corresponding item, so you use the same method of **Instruction part 1** stated in the [**about**](https://deep0thinking.github.io/2nd-Minima/about.html) page to change the cover.
The link in `src` in the display item `src="https://deep0thinking.com/wp-content/uploads/2024/01/Hover-on-me.jpg"` is your chosen image that determines the cover of the corresponding item, it can be an URL like this: `https://deep0thinking.com/wp-content/uploads/2024/01/my-first-post.jpg` or a local file path like this: `/assets/img/my-first-post.jpg`. ***(Attention: Please make sure to use the correct link format, or the thumbnail would not be able to display.)***

Finally, after getting familiar with these procedure, you can delete this instruction part (from `<h3 style="color: red">Instruction part begins</h3>` to `<h3 style="color: red">Instruction part ends</h3>`) safely.
Feel free to remove these instructions once you're familiar with the setup.

<h3 style="color: red">Instruction part ends</h3>

Expand Down

0 comments on commit ab65a3c

Please sign in to comment.