Pārlūkot izejas kodu

add content and LP template

huaisianhuang 3 gadi atpakaļ
vecāks
revīzija
04efe61477

+ 1 - 1
layouts/index.html

@@ -5,7 +5,7 @@
 
   <body>
 
-    <div id="all">
+    <div id="all" style="overflow-x:hidden;">
 
         {{ partial "nav.html" . }}
 

+ 6 - 6
layouts/partials/LP_components/Footer.html

@@ -6,12 +6,12 @@
                 <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
                 <div class="footer-follow">關注我們</div>
                 <div class="footer-socials">
-                    <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/u2MFY3U.png" alt=""></a>
-                    <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/0t496B3.png" alt=""></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/1o8FNqF.png" alt=""></a>
-                    <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/u4bSf2F.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/LNAJtkO.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/ImYZfgI.png" alt="" width="32px" height="32px"></a>
+                    <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                    <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                    <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                    <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                    <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                    <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
                 </div>
             </div>
             <div class="col-xs-12 col-sm-6">

+ 4 - 4
layouts/partials/LP_components/features.html

@@ -2,7 +2,7 @@
     <div class="container text-center">
         <h2 class="features-title"><strong>4</strong>大特色</h2>
         <div class="row" style="position: relative;">
-            <img src="img/背景-橘.png" alt="" width="300px" class="features-orangel">
+            <img src="img/背景-橘.png" alt="" width="300px" class="features-orangel">
             <div class="col-xs-12 col-md-6">
                 <div class="features-imgfr">
                     <video autoplay muted loop>
@@ -25,7 +25,7 @@
             </div>
         </div>
         <div class="row" style="position: relative;">
-            <img src="img/背景-紫.png" alt="" width="300px" class="features-purpler">
+            <img src="img/背景-紫.png" alt="" width="300px" class="features-purpler">
             <div class="col-xs-12 col-md-6 d-block">
                 <div class="features-imgfr">
                     <video autoplay muted loop>
@@ -55,7 +55,7 @@
             </div>
         </div>
         <div class="row" style="position: relative;">
-            <img src="img/背景-紫.png" alt="" width="300px" class="features-purplel">
+            <img src="img/背景-紫.png" alt="" width="300px" class="features-purplel">
             <div class="col-xs-12 col-md-6">
                 <div class="features-imgfr">
                     <video autoplay muted loop>
@@ -79,7 +79,7 @@
             </div>
         </div>
         <div class="row" style="position: relative;">
-            <img src="img/背景-橘.png" alt="" width="300px" class="features-oranger">
+            <img src="img/背景-橘.png" alt="" width="300px" class="features-oranger">
             <div class="col-xs-12 col-md-6 d-block">
                 <div class="features-imgfr">
                     <video autoplay muted loop>

+ 6 - 6
layouts/partials/LP_components/hero.html

@@ -8,13 +8,13 @@
                     大幅省下時間、人力、器材成本。</p>
                 <button class="hero-btn">立即開始</button>
             </div>
-            <div class="col-md-6" style="position: relative;">
-                <img src="img/背景紫.png" alt="" width="180px" class="hero-purple">
+            <div class="col-md-6 col-left" style="position: relative;">
+                <img src="img/背景紫.png" alt="" class="hero-purple">
                 <!-- <img src="img/背景-橘.png" alt="" width="150px" class="hero-orange"> -->
-                <img src="img/背景橘.png" alt="" width="80px" class="hero-orange-s">
-                <img src="img/textgrp3.png" width="300px" alt="" class="hero-textgrp">
-                <img src="img/video.png" width="120px" alt="" class="hero-video">
-                <img src="img/放大鏡.png" width="120px" alt="" class="hero-amplify">
+                <img src="img/背景橘.png" alt="" class="hero-orange-s">
+                <img src="img/textgrp3.png" alt="" class="hero-textgrp">
+                <img src="img/video.png" alt="" class="hero-video">
+                <img src="img/放大鏡.png" alt="" class="hero-amplify">
                 <div class="hero-imgfr"><img src="img/2222.png" alt=""></div>
             </div>
         </div>

+ 1 - 1
layouts/partials/breadcrumbs.html

@@ -15,7 +15,7 @@
                         <a href="/tags/vtuber">VTUBER</a>
                     </div>
                     <div class="col-xs-3 col-md-3">
-                        <a>NFT</a>
+                        <a href="/tags/nft">NFT</a>
                     </div>
                     <div class="col-xs-3 col-md-3">
                         <a>AUTO CONTENT CREATION</a>

+ 49 - 3
static/css/custom.css

@@ -91,6 +91,7 @@
   right: 0%;
   top: -10%;
   z-index: -1;
+  width: 180px;
 }
 
 .hero-orange-s {
@@ -99,6 +100,7 @@
   bottom: 13%;
   z-index: -1;
   animation: floating 8s infinite ease-in-out;
+  width: 80px;
 }
 
 .hero-textgrp {
@@ -107,6 +109,7 @@
   left: 5%;
   top: 10%;
   animation: floating3 6s infinite 1s ease-in-out;
+  width: 300px;
 }
 
 .hero-video {
@@ -115,6 +118,7 @@
   right: 3%;
   top: -5%;
   animation: floating 8s infinite 1.5s ease-in-out;
+  width: 120px;
 }
 
 .hero-amplify {
@@ -123,7 +127,7 @@
   bottom: 5%;
   right: 0;
   animation: floating2 5s infinite ease-in-out;
-  
+  width: 120px;
 }
 
 .hero-imgfr {
@@ -155,8 +159,9 @@
 
 /* sec-usecase */
 .sec-usecase {
-  padding: 3rem 0;
+  padding: 6rem 0;
   position: relative;
+  margin-bottom: 0 !important;
 }
 
 .sec-usecase::after {
@@ -206,6 +211,7 @@
 /* sec-steps */
 .sec-steps {
   padding: 6rem 0;
+  padding-bottom: 0;
 }
 
 .sec-steps .steps-title {
@@ -274,7 +280,15 @@
 }
 
 .sec-features .row {
-  margin: 10rem 0;
+  margin: 8rem 0;
+}
+
+.sec-features .row:nth-of-type(1) {
+  margin: 4rem 0;
+}
+
+.sec-features .row:nth-of-type(4) {
+  margin-bottom: 0;
 }
 
 .features-orangel {
@@ -644,6 +658,9 @@
   .sec-features .row .d-block {
     display: block;
   }
+  .sec-hero .col-left {
+    margin-top: 2.5rem;
+  }
 }
 
 @media (max-width: 765px) {
@@ -657,6 +674,10 @@
   .sec-usecase .row>div {
     width: 50%;
   }
+  .sec-features {
+    margin-bottom: 0;
+  }
+  
   .blog-tabs {
     flex-direction: column;
   }
@@ -706,6 +727,31 @@
   .sec-usecase .row>div {
     width: 100%;
   }
+  .sec-usecase .usecase-block {
+    padding: 0 2.5rem;
+  }
+  .hero-purple {
+    width: 130px;
+  }
+  
+  .hero-orange-s {
+    left: 0%;
+    width: 60px;
+  }
+  
+  .hero-textgrp {
+    left: 8%;
+    width: 200px;
+  }
+  
+  .hero-video {
+    right: 5%;
+    width: 90px;
+  }
+  
+  .hero-amplify {
+    width: 90px;
+  }
 }
 
 @media (max-width: 992px) {

+ 44 - 0
webSite/content/blog/how-nft-in-science.md

@@ -0,0 +1,44 @@
++++
+title= "How scientists are embracing NFTs"
+date = "2021-08-13T00:04:55+08:00"
+tags = ["NFT"]
+type = "blog"
+categories = ["NFT"]
+banner = "https://thumbor.forbes.com/thumbor/fit-in/900x510/https://www.forbes.com/advisor/wp-content/uploads/2021/04/NFT.jpeg.jpg"
++++
+
+## How scientists are embracing NFTs
+=================================
+
+#### Is a trend of auctioning non-fungible tokens based on scientific data a fascinating art fad, an environmental disaster or the future of monetized genomics?
+
+From cat memes and music tracks to all manner of digital art, the bizarre, often quirky market for non-fungible tokens (NFTs) is booming. And now, science is hopping on the bandwagon for these receipts of ownership of digital files that are bought and sold online.
+
+On 8 June, the University of California, Berkeley, auctioned off an NFT based on documents relating to the work of Nobel-prizewinning cancer researcher James Allison for more than US$50,000. On 17 June, the US Space Force — a branch of the US Armed Forces — started selling a series of NFTs featuring augmented-reality images of satellites and space iconography.
+
+And, from 23 to 30 June, computer scientist Tim Berners-Lee, who invented the World Wide Web, is auctioning an NFT featuring the source code of the original web browser, along with a silent video of the code being typed out.
+
+Meanwhile, biology pioneer George Church and a company he co-founded, Nebula Genomics in San Francisco, California, have advertised their intention to sell an NFT of Church’s genome. Church, a geneticist at Harvard University in Cambridge, Massachusetts, who helped to launch the Human Genome Project, is well known for controversial proposals, including resurrecting the woolly mammoth and creating a dating app based on DNA.
+
+The fad for NFTs has been celebrated online for elevating digital art — and simultaneously derided as meaningless and for having a huge carbon footprint because of the massive computing power required to sustain it.
+
+The arguments over NFTs in science are similarly heated, with some saying they provide an incentive to showcase science to the public; a new method of fundraising; and even a way for people to earn royalties when pharmaceutical companies buy access to their genomic data. Others say that NFTs — which operate in a similar way to digital cryptocurrencies — are just needless energy pouring into a market bubble that’s sure to burst.
+
+“The more you look at it, the more you realize how bonkers it is,” says Nicholas Weaver, who studies cryptocurrency at the International Computer Science Institute in Berkeley.
+
+NFT bubble
+----------
+
+NFTs use the [blockchain technology](https://www.nature.com/articles/d41586-017-08589-4) that underlies cryptocurrencies such as Bitcoin to certify ownership of a file. NFTs are ‘minted’ in the same way as cryptocurrency — using one of many online platforms to add them to a tamper-proof blockchain ledger, typically at a cost of tens or hundreds of dollars — and then sold online. People can buy and trade these certificates in the same way as physical collectibles, such as baseball cards. The art or data can be freely viewed online and downloaded in their original form; the NFT buyer simply has a verifiable receipt of ownership.
+
+The NFT concept was born in the early 2010s but exploded this year: in March, for example, an NFT for a digital artwork by a US artist nicknamed Beeple sold for nearly $70 million. The NFT market hit a 30-day sales record of $325 billion in early May. In June, it cooled significantly, but it is still seeing more than $10 million in sales per week.
+
+Michael Alvarez Cohen, director of innovation ecosystem development in the intellectual-property office at the University of California, Berkeley, decided to try to use NFTs to raise funds for the university. A team of designers scanned legal papers filed with the university, along with handwritten notes and faxes relating to Allison’s valuable discoveries. This artwork, called [_The Fourth Pillar_](https://ipfs.io/ipfs/QmVRAHKv3GgLViqS7XvteSwz8fyyvN6po3GEsJdCKFftxm/nft.png), is available for all to see online, and the team minted an NFT for ownership of the work.
+
+After a short bidding war, the NFT sold on 8 June for 22 ether (around US$54,000). The buyer was a Berkeley alumni group called FiatLux DAO, founded days before by the same blockchain experts who had advised Berkeley on how to create the NFT in the first place. The money will be split between NFT auction site Foundation, a Berkeley research fund and carbon offsets.
+
+“It’s an interesting combination of showing the world these historic documents, and also creating art and sponsoring research and education,” says Cohen. “It’s kind of a beautiful circle.”
+
+But others counter that selling NFTs is a waste, because blockchains rely on energy-hungry computational crunching to prevent data corruption. Digital-currency operator Ethereum, for example, currently has about the same energy usage as the whole of Zimbabwe.
+
+That makes NFTs “really a criminal amount of waste for something that doesn’t do anything valuable other than act as a database for receipts for ugly cats”, says Weaver. Auctioning off the physical papers would make more sense, he says.

+ 14 - 0
webSite/content/blog/howtobuynft.md

@@ -0,0 +1,14 @@
++++
+title = "How to buy NFT"
+date = "2021-08-13T13:39:46+02:00"
+tags = ["nft"]
+categories = ["nft"]
+banner = "https://i.imgur.com/MKkFgnS.png"
++++
+
+## How to buy NFT on Opensea
+You can shop for them online through various marketplaces. Choose one you like. We take Opensea for example. Before you begin, you need to add money to a digital wallet that you can spend from. OpenSea uses ether, a cryptocurrency, which you’ll need to buy. First, create a digital wallet to buy NFTs. OpenSea suggests using a plug-in for the Chrome browser called MetaMask but supports lots of other digital wallets.
+Second, buy cryptocurrency -- Ether, you can use any variety of apps to buy cryptocurrencies like Coinbase, Robinhood, MetaMask.
+Third, bid and buy NFTs, now you’re ready to bid on and buy NFTs. Let’s go back to OpenSea. You can browse around by tapping “Explore.”  Buy or bid one you want.
+
+![How to buy NFT](https://i.imgur.com/MKkFgnS.png)

BIN
webSite/static/img/背景-橘霧.png


BIN
webSite/static/img/背景-紫霧.png