Skip to content

Commit

Permalink
-
Browse files Browse the repository at this point in the history
  • Loading branch information
@5eonhee
5eonhee committed Feb 20, 2023
1 parent cfd44fa commit 14b69c0
Show file tree
Hide file tree
Showing 10 changed files with 141 additions and 205 deletions.
220 changes: 110 additions & 110 deletions _layouts/post.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,124 +3,124 @@
---

<div class="post">
<div class="post-info">
<div class="post-type-tag">
{% if page.draft == true %}
<div class="catalogue-tag">
Coming Soon
</div>
{% endif %}
<div class="post-type">
{{ page.type }}
</div>
</div>
<div class="post-info">
<div class="post-type-tag">
{% if page.draft == true %}
<div class="catalogue-tag">
Coming Soon
</div>
{% endif %}
<div class="post-type">
{{ page.type }}
</div>
</div>

<h1 class="post-title">
{{ page.title }}
</h1>
<h1 class="post-title">
{{ page.title }}
</h1>

<h2 class="post-subtitle">
{{ page.subtitle }}
<br>
<span>Written by</span>
{% if page.author %}
{{ page.author }}
{% else %}
{{ site.author.name }}
{% endif %}
<span>on&nbsp;</span><time datetime="{{ page.date }}">{{ page.date | date: "%B %d, %Y" }}</time>
</h2>
<h2 class="post-subtitle">
{{ page.subtitle }}
<br>
<span>Written by</span>
{% if page.author %}
{{ page.author }}
{% else %}
{{ site.author.name }}
{% endif %}
<span>on&nbsp;</span><time datetime="{{ page.date }}">{{ page.date | date: "%B %d, %Y" }}</time>
</h2>

<ul class="tag-list">
{% if page.tags %}
{% for tag in page.tags %}
{% if site.data.tags contains tag %}
<li class="tag">{{ site.data.format[tag] }}</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</div>
<ul class="tag-list">
{% if page.tags %}
{% for tag in page.tags %}
{% if site.data.tags contains tag %}
<li class="tag">{{ site.data.format[tag] }}</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</div>
<!--포트폴리오 상단 정보-->
<!--
{% if page.portfolio == true %}
<article class="portfolio-info">
<div>
<span class="info-title">Role</span>
<p class="info-medium">{{ page.role-title }}</p>
<p class="info-small">{{ page.role-specific }}</p>
</div>
<div>
<span class="info-title">Team</span>
<p class="info-medium">{{ page.team }}</p>
</div>
<div>
<span class="info-title">Platforms</span>
<p class="info-medium">{{ page.platforms }}</p>
</div>
<div>
<span class="info-title">Date</span>
<p class="info-medium">{{ page.date }}</p>
</div>
</article>
{% endif %} -->
{% if page.portfolio == true %}
<article class="portfolio-info">
<div>
<span class="info-title">Role</span>
<p class="info-medium">{{ page.role-title }}</p>
<p class="info-small">{{ page.role-specific }}</p>
</div>
<div>
<span class="info-title">Team</span>
<p class="info-medium">{{ page.team }}</p>
</div>
<div>
<span class="info-title">Platforms</span>
<p class="info-medium">{{ page.platforms }}</p>
</div>
<div>
<span class="info-title">Date</span>
<p class="info-medium">{{ page.date }}</p>
</div>
</article>
{% endif %} -->

<!--draft 일 때-->
{% if page.draft == true %}
<div class="catalogue-draft-message">
<h1>
&#x1F64B; Coming Soon!
</h1>
현재 열심히 글을 쓰고 있어요. 조금만 기다려주세요!
</div>
{% endif %}
<!--큐레이션 영역-->
{{ content }}
{% if page.book == true %}
{% if page.ridibooks == true %}
{% for book-list in site.data[page.data-name] %}
<a href="https://ridibooks.com/books/{{ book-list.bookid }}" target="_blank" class="book-link">
<img class="book-cover transition" src="https://misc.ridibooks.com/cover/{{ book-list.bookid }}/xxlarge"/>
</a>
{% endfor %}
{% endif %}
{% if page.ridiselect == true %}
{% for book-list in site.data[page.data-name] %}
<a href="https://select.ridibooks.com/book/{{ book-list.bookid }}" target="_blank" class="book-link">
<img class="book-cover transition" src="https://misc.ridibooks.com/cover/{{ book-list.bookid }}/xxlarge?dpi=xxhdpi"/>
</a>
{% endfor %}
{% endif %}
{% endif %}
<br><br><br>
<script src="https://giscus.app/client.js"
data-repo="5eonhee/giscus-comments"
data-repo-id="R_kgDOIlfEkw"
data-category="Announcements"
data-category-id="DIC_kwDOIlfEk84CS_Hc"
data-mapping="pathname"
data-strict="0"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="bottom"
data-theme="light_tritanopia"
data-lang="en"
crossorigin="anonymous"
async>
</script>
{% if page.draft == true %}
<div class="catalogue-draft-message">
<h1>
&#x1F64B; Coming Soon!
</h1>
현재 열심히 글을 쓰고 있어요. 조금만 기다려주세요!
</div>
{% endif %}
<!--큐레이션 영역-->
{{ content }}
{% if page.book == true %}
{% if page.ridibooks == true %}
{% for book-list in site.data[page.data-name] %}
<a href="https://ridibooks.com/books/{{ book-list.bookid }}" target="_blank" class="book-link">
<img class="book-cover transition" src="https://misc.ridibooks.com/cover/{{ book-list.bookid }}/xxlarge"/>
</a>
{% endfor %}
{% endif %}
{% if page.ridiselect == true %}
{% for book-list in site.data[page.data-name] %}
<a href="https://select.ridibooks.com/book/{{ book-list.bookid }}" target="_blank" class="book-link">
<img class="book-cover transition" src="https://misc.ridibooks.com/cover/{{ book-list.bookid }}/xxlarge?dpi=xxhdpi"/>
</a>
{% endfor %}
{% endif %}
{% endif %}
<br><br><br>
<script src="https://giscus.app/client.js"
data-repo="5eonhee/giscus-comments"
data-repo-id="R_kgDOIlfEkw"
data-category="Announcements"
data-category-id="DIC_kwDOIlfEk84CS_Hc"
data-mapping="pathname"
data-strict="0"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="bottom"
data-theme="light_tritanopia"
data-lang="en"
crossorigin="anonymous"
async>
</script>
</div>

<div class="pagination">
{% if page.next.url %}
<a href="{{ page.next.url | prepend: site.baseurl }}" class="left arrow">&#8592;</a>
{% endif %}
{% if page.previous.url %}
<a href="{{ page.previous.url | prepend: site.baseurl }}" class="right arrow">&#8594;</a>
{% endif %}
<a href="#" class="top">Top</a>
{% if page.next.url %}
<a href="{{ page.next.url | prepend: site.baseurl }}" class="left arrow">&#8592;</a>
{% endif %}
{% if page.previous.url %}
<a href="{{ page.previous.url | prepend: site.baseurl }}" class="right arrow">&#8594;</a>
{% endif %}

<a href="#" class="top">Top</a>
</div>
30 changes: 16 additions & 14 deletions _sass/_base.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,32 +59,34 @@ blockquote {

img {
display: block;
margin: 0 0 1rem;
max-width: 100%;
}

a {
color:inherit;
}
td {
vertical-align: top;
}

.transition {
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

::selection {
background: $light-blue;
color: #FFF;
text-shadow: none;
background: $main-color;
color: #FFF;
text-shadow: none;
}
::-moz-selection {
background: $light-blue;
color: #FFF;
text-shadow: none;
background: $main-color;
color: #FFF;
text-shadow: none;
}
::-webkit-selection {
background: $light-blue;
color: #FFF;
text-shadow: none;
background: $main-color;
color: #FFF;
text-shadow: none;
}

// #content {
Expand All @@ -93,11 +95,11 @@ td {
// background-position: 0% 100%, 110% 90%, 0% 98%;
// background-repeat: no-repeat, no-repeat, repeat-x;
// background-size: 2px 1px, 2px 1px, 1px 1px;
// background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient($light-blue, $light-blue);
// background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient($main-color, $main-color);
// }

// a:hover {
// color: $light-blue;
// text-decoration-color: $light-blue;
// color: $main-color;
// text-decoration-color: $main-color;
// }
// }
2 changes: 1 addition & 1 deletion _sass/_catalogue.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
}

&-type {
color: $light-blue;
color: $main-color;
font-size: 18px;
font-family: $source;
font-weight: 600;
Expand Down
2 changes: 1 addition & 1 deletion _sass/_code.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ code {
code {
background-color: $grey-4;
border-radius: 3px;
color: $light-blue;
color: $main-color;
font-size: 85%;
padding: .2em .4em;
}
Expand Down
16 changes: 8 additions & 8 deletions _sass/_post.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
sup {
a.footnote {
background: none;
color: $light-blue;
color: $main-color;
}
}
img {
Expand All @@ -73,12 +73,12 @@
background-position: 0% 100%, 110% 90%, 0% 98%;
background-repeat: no-repeat, no-repeat, repeat-x;
background-size: 2px 1px, 2px 1px, 1px 1px;
background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient($light-blue, $light-blue);
background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient($main-color, $main-color);
}

a:hover {
color: $light-blue;
text-decoration-color: $light-blue;
color: $main-color;
text-decoration-color: $main-color;
}

a.book-link {
Expand Down Expand Up @@ -201,7 +201,7 @@
h1 {
font-family: $source;
letter-spacing: 0.01em;
color: $light-blue;
color: $main-color;
padding-bottom: 7px;
font-size: 25px;

Expand All @@ -216,12 +216,12 @@
sup {
a.footnote {
background: none;
color: $light-blue;
color: $main-color;
}
}

.post-type {
color: $light-blue;
color: $main-color;
font-size: 18px;
font-family: $source;
font-weight: 600;
Expand Down Expand Up @@ -294,7 +294,7 @@ sup {
margin: 0;
a.reversefootnote {
background: none;
color: $light-blue;
color: $main-color;
}
a:hover {
opacity: .6;
Expand Down
Loading

0 comments on commit 14b69c0

Please sign in to comment.