#12 #UTA-6 코네짱 SD 표시

UTA-CONNECT · Jun 3, 2021 · d4cdf3b · d4cdf3b
1 parent 2abd03b
commit d4cdf3b
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 0 deletions.
diff --git a/public/assets/css/artist.css b/public/assets/css/artist.css
@@ -0,0 +1,26 @@
+div.conne-sd-col {
+    position: relative;
+}
+
+div.conne-sd-col img {
+    width: 100%;
+    visibility: hidden;
+}
+
+div.conne-sd-col div.conne-sd-bg {
+    height: 100%;
+    position: absolute;
+    z-index: -999;
+    top: 80px
+}
+
+div.conne-sd-col div.conne-sd-bg div{
+    height: 100%;
+}
+
+div.conne-sd-col div.conne-sd-bg div div{
+    background-image: url('../img/conne_chan_sd.png');
+    background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
diff --git a/public/index.html b/public/index.html
@@ -6,6 +6,7 @@
     <title>UTA-CONNECT</title>
     <link href="assets/css/animation.css" rel="stylesheet"></link>
     <link href="assets/css/style.css" rel="stylesheet"></link>
+    <link href="assets/css/artist.css" rel="stylesheet"></link>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
   </head>
   <body>
@@ -69,6 +70,21 @@
         <div class="col-3">3</div>
       </div>
     </div>
+    <div class="container">
+      <div class="row justify-content-end">
+        <div class="col">auto</div>
+        <div class="col-9 col-md-6 col-lg-6 col-xl-4 conne-sd-col">
+          <img src="assets/img/conne_chan_sd.png"/>
+          <div class="container-fluid conne-sd-bg">
+            <div class="row">
+              <div class="col">
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-1">1</div>
+      </div>
+    </div>
     <div class="container-fluid block2 d-xl-none ">
       <div class="container-fluid">
         <div class="row">