update

ArkCard-web/collect.html

@@ -23,19 +23,19 @@
             class="card-title py-3  px-5 text-center mb-0 fw-bold">我的收藏</h5>
     </div>
     </section>
-    <section id="sec05-moblie" class="sec05 mt-4">
+    <section id="sec05-moblie" class="sec05 my-4">
         <div class="sec05-moblie container-fluid">
             <div class="sec05-moblie-header">
-                <h1 class="secn-title ps-2">音樂</h1>
+                <h1 class="secn-title ps-2">NFT收藏品</h1>
             </div>
-            <div class="sec05-moblie-container row row-cols-1 row-cols-md-4 g-4">
+            <div class="sec05-moblie-container row row-cols-2 row-cols-md-4 g-4">
                 <div class="col">
                     <div class="card h-100">
-                        <a target="_blank" href="./artist-course.html">
+                        <a target="_blank" href="">
                             <img src="./img/sec05/sec05-1.png"class="card-img-top" alt="...">
                         </a>
-                        <div class="card-body">
-                            <a target="_blank" href="./artist-course.html">
+                        <div class="card-body p-2">
+                            <a target="_blank" href="">
                                 <h5 class="card-title">Lorem ipsum.</h5>
                             </a>
                             <p class="card-text">
@@ -54,11 +54,11 @@
                 </div>
                 <div class="col">
                     <div class="card h-100">
-                        <a target="_blank" href="./artist-course.html">
+                        <a target="_blank" href="">
                             <img src="./img/sec05/sec05-2.png"class="card-img-top" alt="...">
                         </a>
-                        <div class="card-body">
-                            <a target="_blank" href="./artist-course.html">
+                        <div class="card-body p-2">
+                            <a target="_blank" href="">
                                 <h5 class="card-title">Lorem ipsum.</h5>
                             </a>
                             <p class="card-text">
@@ -80,7 +80,7 @@
                         <a target="_blank" href="./artist-course.html">
                             <img src="./img/sec05/sec05-3.png"class="card-img-top" alt="...">
                         </a>
-                        <div class="card-body">
+                        <div class="card-body p-2">
                             <a target="_blank" href="./artist-course.html">
                                 <h5 class="card-title">Lorem ipsum.</h5>
                             </a>
@@ -103,7 +103,7 @@
                         <a target="_blank" href="./artist-course.html">
                             <img src="./img/sec05/sec05-4.png"class="card-img-top" alt="...">
                         </a>
-                        <div class="card-body">
+                        <div class="card-body p-2">
                             <a target="_blank" href="./artist-course.html">
                                 <h5 class="card-title">Lorem ipsum.</h5>
                             </a>
@@ -125,7 +125,7 @@
 
 
         </div>
-        <div class="sec05-moblie container-fluid">
+        <!-- <div class="sec05-moblie container-fluid">
             <div class="sec05-moblie-header">
                 <h1 class="secn-title ps-2">運動</h1>
             </div>
@@ -326,7 +326,7 @@
             </div>
 
 
-        </div>
+        </div> -->
     </section>
     <footer style="background: #484848;" class="py-4 w-100 px-0 mx-0">
         <p class="text-white text-center mb-0">Copyright 2021 版權所有 © Ark.Cards</p>

ArkCard-web/goto.js

@@ -1,10 +1,10 @@
-$('.sec05-moblie-container').slick({
-  arrows: false,
-  slidesToShow: 1,
-  slidesToScroll: 1,
-  infinite: false,
-  centerMode: true,
-});
+// $('.sec05-moblie-container').slick({
+//   arrows: false,
+//   slidesToShow: 1,
+//   slidesToScroll: 1,
+//   infinite: false,
+//   centerMode: true,
+// });
 
 
 console.log(1);
@@ -29,9 +29,9 @@ console.log(1);
 $(document).ready(function () {
   url = location.search;
   getSearch = url.split("?")
- console.log(getSearch[0]);
-console.log(getSearch[1]);
-var userid=getSearch[1];
+  console.log(getSearch[0]);
+  console.log(getSearch[1]);
+  var userid = getSearch[1];
   function get_data() {
     $.ajax({
       method: "GET",

ArkCard-web/style.css

@@ -44,10 +44,6 @@
   padding-top: 10vw;
 }
 
-.sec05 .sec05-moblie-container .col {
-  margin: 10px;
-}
-
 .sec05 .sec05-moblie-container .col a {
   text-decoration: none;
   color: #000;
@@ -62,6 +58,7 @@
 
 .sec05 .sec05-moblie-container .col .card .card-title {
   font-weight: 900;
+  font-size: 5vmin;
 }
 
 @media screen and (max-width: 350px) {

ArkCard-web/style.css.map

@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "AAAA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;CACzB;;AAED,AACI,MADE,CACF,CAAC,EADE,MAAM,CACT,CAAC,CAAA;EACG,eAAe,EAAE,IAAI;EACrB,KAAK,EAAC,IAAI;EACV,aAAa,EAAE,gBAAgB;CAClC;;AALL,AAMI,MANE,CAMF,EAAE,EANC,MAAM,CAMT,EAAE,CAAA;EACE,aAAa,EAAE,gBAAgB;CAClC;;AAGL,AACI,MADE,CACF,UAAU,CAAA;EACN,KAAK,EAAE,IAAI;CACd;;AAHL,AAII,MAJE,CAIF,WAAW,CAAA;EACP,WAAW,EAAE,GAAG;CACnB;;AANL,AAOI,MAPE,CAOF,EAAE,CAAA;EACE,UAAU,EAAC,OAAO;EAClB,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,YAAY;CACxB;;AAGL,AACI,cADU,CACV,EAAE,CAAA;EACE,aAAa,EAAE,eAAe;EAC9B,aAAa,EAAE,aAAa;CAC/B;;AAGL,AAEI,MAFE,CAEF,oBAAoB,CAAA;EAChB,WAAW,EAAC,cAAc;CAC7B;;AAJL,AAKI,MALE,CAKF,uBAAuB,CAAC;EACpB,WAAW,EAAE,IAAI;CAwBpB;;AA9BL,AAOQ,MAPF,CAKF,uBAAuB,CAEnB,IAAI,CAAC;EACD,MAAM,EAAE,IAAI;CAqBf;;AA7BT,AAUY,MAVN,CAKF,uBAAuB,CAEnB,IAAI,CAGA,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,OAAO;CAIlB;;AAlBb,AAegB,MAfV,CAKF,uBAAuB,CAEnB,IAAI,CAGA,CAAC,AAKI,MAAM,CAAC;EACJ,KAAK,EAAE,OAAO;CACjB;;AAjBjB,AAoBgB,MApBV,CAKF,uBAAuB,CAEnB,IAAI,CAYA,KAAK,CACD,WAAW,CAAC;EACR,WAAW,EAAE,GAAG;CACnB;;AAEG,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK;EAxBvD,AAuBgB,MAvBV,CAKF,uBAAuB,CAEnB,IAAI,CAYA,KAAK,CAID,UAAU,CAAC;IAEH,SAAS,EAAE,IAAI;GAEtB;;;AAOjB,AAAA,aAAa,CAAA;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAC,KAAK;EACT,OAAO,EAAE,EAAE;CACZ",
+    "mappings": "AAAA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;CACzB;;AAED,AACI,MADE,CACF,CAAC,EADE,MAAM,CACT,CAAC,CAAA;EACG,eAAe,EAAE,IAAI;EACrB,KAAK,EAAC,IAAI;EACV,aAAa,EAAE,gBAAgB;CAClC;;AALL,AAMI,MANE,CAMF,EAAE,EANC,MAAM,CAMT,EAAE,CAAA;EACE,aAAa,EAAE,gBAAgB;CAClC;;AAGL,AACI,MADE,CACF,UAAU,CAAA;EACN,KAAK,EAAE,IAAI;CACd;;AAHL,AAII,MAJE,CAIF,WAAW,CAAA;EACP,WAAW,EAAE,GAAG;CACnB;;AANL,AAOI,MAPE,CAOF,EAAE,CAAA;EACE,UAAU,EAAC,OAAO;EAClB,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,YAAY;CACxB;;AAGL,AACI,cADU,CACV,EAAE,CAAA;EACE,aAAa,EAAE,eAAe;EAC9B,aAAa,EAAE,aAAa;CAC/B;;AAGL,AAEI,MAFE,CAEF,oBAAoB,CAAA;EAChB,WAAW,EAAC,cAAc;CAC7B;;AAJL,AAKI,MALE,CAKF,uBAAuB,CAAC;EACpB,WAAW,EAAE,IAAI;CAyBpB;;AA/BL,AAUY,MAVN,CAKF,uBAAuB,CAEnB,IAAI,CAGA,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,OAAO;CAIlB;;AAlBb,AAegB,MAfV,CAKF,uBAAuB,CAEnB,IAAI,CAGA,CAAC,AAKI,MAAM,CAAC;EACJ,KAAK,EAAE,OAAO;CACjB;;AAjBjB,AAoBgB,MApBV,CAKF,uBAAuB,CAEnB,IAAI,CAYA,KAAK,CACD,WAAW,CAAC;EACR,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,KAAK;CACnB;;AAEG,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK;EAzBvD,AAwBgB,MAxBV,CAKF,uBAAuB,CAEnB,IAAI,CAYA,KAAK,CAKD,UAAU,CAAC;IAEH,SAAS,EAAE,IAAI;GAEtB;;;AAOjB,AAAA,aAAa,CAAA;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAC,KAAK;EACT,OAAO,EAAE,EAAE;CACZ",
     "sources": [
         "style.scss"
     ],

ArkCard-web/style.scss

@@ -46,7 +46,7 @@
     .sec05-moblie-container {
         padding-top: 10vw;
         .col {
-            margin: 10px;
+            // margin: 10px;
           
             a {
                 text-decoration: none;
@@ -60,6 +60,7 @@
             .card {
                 .card-title {
                     font-weight: 900;
+                    font-size: 5vmin;
                 }
                 .card-text {
                     @media screen and(max-width:350px) {