파일 목록
-
📁 makenpz
-
📁 pip
-
📁 venv
- AIDB.png
- crossover_latent.npy
- requirements.txt
- test.py
- Title.png
<!DOCTYPE html>
<html>
<head>
<title>start</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stup_Title</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
ren {
font-family: sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
rin {
font-family: sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
display: flex;
flex-direction: column;
align-items: center;
}
header {
text-align: center;
padding: 40px 20px;
}
header h1 {
font-size: 2.5em;
margin-bottom: 10px;
}
header p {
font-size: 1.1em;
color: #666;
}
.image-container {
margin-bottom: 30px;
}
.cta-button {
display: inline-block;
padding: 15px 30px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 5px;
font-size: 1.2em;
transition: background-color 0.3s ease;
}
.cta-button:hover {
background-color: #0056b3;
}
footer {
background-color: #333;
color: #f4f4f4;
padding: 20px;
text-align: center;
width: 100%;
margin-top: 40px;
}
footer p {
margin-bottom: 5px;
}
footer ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
}
footer ul li {
margin: 0 10px;
}
footer ul li a {
color: #f4f4f4;
text-decoration: none;
transition: color 0.3s ease;
}
footer ul li a:hover {
color: #ddd;
}
/* 반응형 디자인을 위한 미디어 쿼리 */
@media (max-width: 768px) {
header h1 {
font-size: 2em;
}
header p {
font-size: 1em;
}
.cta-button {
font-size: 1em;
padding: 10px 20px;
}
footer ul {
flex-direction: column;
align-items: center;
}
footer ul li {
margin: 5px 0;
}
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="{{ url_for('welcome') }}">
<img src="../static/image/logo.png" alt="Stup" height="30">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="{{ url_for('nukki') }}">누끼</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('gray') }}">흑백화</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('color') }}">색 부여</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('upscale') }}">업스케일링</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('facechange') }}">얼굴변경</a>
</li>
</ul>
<div class="d-flex align-items-center">
<div class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
{{ user_name }}님, 어서오세요!
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{{ url_for('userout') }}">회원탈퇴</a></li>
<li><a class="dropdown-item disabled" href="#">코인 충전 (비활성화)</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="{{ url_for('logout') }}">로그아웃</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<ren>
<div class="container" style="object-fit: cover;">
<header>
<h1>Stup, AI 사진 작업의 새로운 시작</h1>
</header>
<div class="image-container" style="display: flex; justify-content: center;">
<img src="/static/image/Untitled-design-1.png" alt="AI 사진 작업 예시" style="max-width: 73.9%; height: auto; display: block; border: 1px solid #ddd; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);">
</div>
<header>
<p>Stup으로 새로운 사진 편집을 시도하세요</p>
<div class="accordion" id="accordionExample" style="Max-width: 59.9%; margin-left: auto; margin-right: auto;">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
<strong>제작 스토리</strong>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>본 사이트는</strong> 본 사이트는 제작자가 별 볼일 아닌 간단한 작업을 하려는데<br>
회원가입과 유료결제를 요구하는 양심없는 사이트들에 인해<br>
열받아서 "이런 퀄리티에 돈달라면면 그냥 내가 만들겠다!"<br>
라고 외친 후 생성된 사이트 입니다.<br>
모두 쓸모없는 일에 열을 쏟아 준 제작자에게 박수를 쳐주세요!<br>
<br>
본 사이트의 작업은<br>
누끼 따기(배경 제거), 컬러화, 업스케일의 겨우 U-Net 기반,<br>
흑백화의 경우 단순 코드 작업, 얼굴 변경의 경우 GAN 모델을 이용하고 있습니다.
</div>
</div>
</div>
</div>
</header>
</div>
</ren>
<rin>
<footer>
<p>© Cream Inc. 2025</p>
<ul>
<li><a href="#">Instagram</a></li>
<li><a href="#">Email</a></li>
</ul>
</footer>
</rin>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>