feat: 디테일

likelion-ssu · Apr 10, 2024 · b10dac1 · b10dac1
1 parent cf3e0c7
commit b10dac1
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -16,6 +16,7 @@
   <body>
     <header>
       <h1>숭실대 멋쟁이사자처럼 12기의 TMI.zip</h1>
+      <p>사진을 누르면 TMI를 볼 수 있어요!</p>
     </header>
     <main>
       <div id="wrapper-layout">
@@ -110,7 +111,7 @@ <h1>숭실대 멋쟁이사자처럼 12기의 TMI.zip</h1>
         </div>
         <div class="row-layout">
           <a class="wrapper" href="">
-            <img src="" alt="" />
+            <img src="./likelion.JPG" alt="🦁" />
           </a>
         </div>
       </div>

diff --git a/likelion.JPG b/likelion.JPG
diff --git a/mainStyles.css b/mainStyles.css
@@ -9,8 +9,19 @@
 }
 
 body {
+  height: 100vh;
   display: flex;
   justify-content: center;
+  background: linear-gradient(
+      12deg,
+      rgba(30, 14, 92, 0.9) 8.77%,
+      #151f4f 25.76%,
+      #050b11 48.76%,
+      #051221 65.77%,
+      #0a1b2f 82.65%,
+      rgba(35, 22, 88, 0.79) 102.19%
+    ),
+    #fff;
 }
 
 ul,
@@ -24,7 +35,20 @@ li {
 header {
   position: fixed;
   top: 0;
+  padding-top: 5px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
   width: 100%;
+  & > h1 {
+    font-size: 20px;
+    color: white;
+  }
+  & > p {
+    font-size: 10px;
+    color: white;
+  }
 }
 main {
   margin-top: 50px;
@@ -75,7 +99,7 @@ img {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: black;
+  color: white;
   font-size: 16px;
   font-weight: 800;
   visibility: hidden;