Skip to content

Commit

Permalink
[edit] blog modal
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sniij
Sniij committed Feb 23, 2024
1 parent bc5790e commit b995495
Show file tree
Hide file tree
Showing 4 changed files with 104 additions and 80 deletions.
21 changes: 20 additions & 1 deletion deploy/content/blog.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ Blog
<hr style="margin: 1rem 0px 1rem 0px;">
<h3>🛒 Skills</h3>
<p style="font-family: 'Pretendard-Regular';">
- Back-end : Java, Spring boot, Spring Security(OAuth2+JWT), MongoDB, AWS(Lambda, API Gateway, Route 53) <br/>
- Back-end : Java 17, Spring boot 3, Spring Security(OAuth2+JWT), MongoDB, AWS(Lambda, API Gateway) <br/>
- Front-end : TypeScript, Next JS 13, tailwind css, content layer, Redis, AWS(Route 53), Vercel(Deploy) <br/>
</p>
<hr style="margin: 1rem 0px 1rem 0px;">
Expand All @@ -26,8 +26,27 @@ Blog
</p>
<hr style="margin: 1rem 0px 1rem 0px;">
<h3>⛓ Architecture</h3>
<p>
- Back: <br/>
<img
src="images/blog_img/architecture-back.png"
alt="architecture-back"
style="width:100%"
/> <br/> <br/>
</p>
<hr style="margin: 1rem 0px 1rem 0px;">
<p>
- Front: <br/>
<img
src="images/blog_img/architecture-front.png"
alt="architecture-front"
style="width:100%"
/> <br/> <br/>
</p>
<hr style="margin: 1rem 0px 1rem 0px;">
<h3>📑 Meaning</h3>
<p style="font-family: 'Pretendard-Regular';">
</p>

</div>

Expand Down
163 changes: 84 additions & 79 deletions deploy/generic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,87 +58,38 @@

<!-- Main -->
<div id="main">
<article class="post featured">
<header class="major">
<span class="date">May, 2023</span>
<h2><a>Dowajoyak</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">본인의 알러지 입력을 기반으로 한 약 검색서비스, 도와조약입니다.
</p>
</header><a href="https://www.dowajoyak.store" target="_blank" class="image main">
<img src="images/dowajoyak.png" alt="main_portfolio.png" /></a>
<!-- Button trigger modal -->
<button type="button" class="button large" id="modalDowajoyak" data-bs-toggle="modal" data-bs-target="#modal_dowajoyak">
Full Story
</button>

<!-- Modal Dowajoyak -->
<div class="modal fade" id="modal_dowajoyak" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<div class="modal-dialog modal-fullscreen-sm-down">
<div class="modal-content">
<div id="modal-dowajoyak"></div>
<div class="modal-footer" style="position: fixed; padding-top: 100px; bottom: 15px; width: 100%;">
<button type="button" class="btn btn-secondary" id="modalDowajoyakClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
</div>
</div>
<!--End Modal-->

</article>


<!-- Featured Post -->
<article class="post featured">
<header class="major">
<span class="date">June, 2023</span>
<h2><a>Portfolio web</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">포트폴리오 용도로 제작한 웹사이트 입니다. </p>
</header><a class="image main">
<img src="images/main.png" alt="main_portfolio.png" /></a>
<!-- Button trigger modal -->
<button type="button" class="button large" id="modalPortfolio" data-bs-toggle="modal" data-bs-target="#modal_portfolio">
Full Story
</button>

<!-- Modal Portfolio -->
<div class="modal fade" id="modal_portfolio" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<div class="modal-dialog modal-fullscreen-sm-down">
<div class="modal-content">
<div id="modal-portfolio"></div>
<div class="modal-footer" style="position: fixed; padding-top: 100px; bottom: 15px; width: 100%; text-align: center;">
<button type="button" class="btn btn-secondary" id="modalPortfolioClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
</div>
</div>
<!--End Modal-->

</article>

<!-- Featured Post -->
<article class="post featured">
<!--Start BLOG-->
<article class="post featured">
<header class="major">
<span class="date">September, 2023</span>
<h2><a>PETCHING</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">반려동물 케어를 위한 펫시터 매칭을 기반으로한 서비스입니다.</p>
</header><a class="image main">
<img src="images/petching.png" alt="petching_main.png" /></a>
<span class="date">February, 2024</span>
<h2><a>Blog</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">풀스택 블로그 프로젝트 입니다.</p>
</header>
<a href="https://blog.chomanki.com" target="_blank" class="image main">
<img src="images/blog_img/blog_main.png" alt="blog_main.jpg" /></a>
<!-- Button trigger modal -->
<button type="button" class="button large" id="modalPetching" data-bs-toggle="modal" data-bs-target="#modal_petching">
<button type="button" class="button large" id="modalBlog" data-bs-toggle="modal" data-bs-target="#modal_blog">
Full Story
</button>


<!-- Modal Petching-->
<div class="modal fade" id="modal_petching" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<!-- Modal Blog-->
<div class="modal fade" id="modal_blog" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<div class="modal-dialog modal-fullscreen-sm-down">
<div class="modal-content">
<div id="modal-petching"></div>
<div id="modal-blog"></div>
<div class="modal-footer" style="position: fixed; padding-top: 100px; bottom: 15px; width: 100%; text-align: center;">
<button type="button" class="btn btn-secondary" id="modalPetchingClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
<button type="button" class="btn btn-secondary" id="modalBlogClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
</div>
</div>
<!--End Modal-->

</article>
<!--End BLOG-->


<!-- Featured Post -->
<!-- Start Post -->
<article class="post featured">
<header class="major">
<span class="date">September, 2023</span>
Expand All @@ -164,38 +115,92 @@ <h2><a>Rest parking</a></h2>
<!--End Modal-->

</article>
<!--End PARKING-->

<!-- Featured Post -->

<!-- Start PETCHING -->
<article class="post featured">
<header class="major">
<span class="date">February, 2024</span>
<h2><a>Blog</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">풀스택 블로그 프로젝트 입니다.</p>
<span class="date">September, 2023</span>
<h2><a>PETCHING</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">반려동물 케어를 위한 펫시터 매칭을 기반으로한 서비스입니다.</p>
</header><a class="image main">
<img src="images/blog_img/blog_main.png" alt="blog_main.jpg" /></a>
<img src="images/petching.png" alt="petching_main.png" /></a>
<!-- Button trigger modal -->
<button type="button" class="button large" id="modalBlog" data-bs-toggle="modal" data-bs-target="#modal_blog">
<button type="button" class="button large" id="modalPetching" data-bs-toggle="modal" data-bs-target="#modal_petching">
Full Story
</button>


<!-- Modal Blog-->
<div class="modal fade" id="modal_blog" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<!-- Modal Petching-->
<div class="modal fade" id="modal_petching" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<div class="modal-dialog modal-fullscreen-sm-down">
<div class="modal-content">
<div id="modal-blog"></div>
<div id="modal-petching"></div>
<div class="modal-footer" style="position: fixed; padding-top: 100px; bottom: 15px; width: 100%; text-align: center;">
<button type="button" class="btn btn-secondary" id="modalBlogClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
<button type="button" class="btn btn-secondary" id="modalPetchingClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
</div>
</div>
<!--End Modal-->

</article>
<!--End PETCHING-->


<!-- Start PORTFOLIO -->
<article class="post featured">
<header class="major">
<span class="date">June, 2023</span>
<h2><a>Portfolio web</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">포트폴리오 용도로 제작한 웹사이트 입니다. </p>
</header><a class="image main">
<img src="images/main.png" alt="main_portfolio.png" /></a>
<!-- Button trigger modal -->
<button type="button" class="button large" id="modalPortfolio" data-bs-toggle="modal" data-bs-target="#modal_portfolio">
Full Story
</button>

<!-- Modal Portfolio -->
<div class="modal fade" id="modal_portfolio" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<div class="modal-dialog modal-fullscreen-sm-down">
<div class="modal-content">
<div id="modal-portfolio"></div>
<div class="modal-footer" style="position: fixed; padding-top: 100px; bottom: 15px; width: 100%; text-align: center;">
<button type="button" class="btn btn-secondary" id="modalPortfolioClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
</div>
</div>
<!--End Modal-->

</article>
<!--End PORTFOLIO-->

<!-- Start DOWAJOYAK -->
<article class="post featured">
<header class="major">
<span class="date">May, 2023</span>
<h2><a>Dowajoyak</a></h2>
<p style="font-family: 'KBO-Dia-Gothic_bold'; font-style: normal;">본인의 알러지 입력을 기반으로 한 약 검색서비스, 도와조약입니다.
</p>
</header><a href="https://www.dowajoyak.store" target="_blank" class="image main">
<img src="images/dowajoyak.png" alt="main_portfolio.png" /></a>
<!-- Button trigger modal -->
<button type="button" class="button large" id="modalDowajoyak" data-bs-toggle="modal" data-bs-target="#modal_dowajoyak">
Full Story
</button>

<!-- Modal Dowajoyak -->
<div class="modal fade" id="modal_dowajoyak" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgb(255, 255, 255); height: 100%;">
<div class="modal-dialog modal-fullscreen-sm-down">
<div class="modal-content">
<div id="modal-dowajoyak"></div>
<div class="modal-footer" style="position: fixed; padding-top: 100px; bottom: 15px; width: 100%;">
<button type="button" class="btn btn-secondary" id="modalDowajoyakClose" data-bs-dismiss="modal" style="background-color: white;">Close</button></div>
</div>
</div>
<!--End Modal-->
</article>
<!--End DOWAJOYAK-->


<!-- Posts -->


<!-- Footer -->
<footer>
Expand Down
Binary file added deploy/images/blog_img/architecture-back.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added deploy/images/blog_img/architecture-front.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit b995495

Please sign in to comment.