From fdfae751aef9a5ec2d185dc82b8f15f89941158c Mon Sep 17 00:00:00 2001 From: anhthuqs99 Date: Tue, 19 Sep 2023 11:49:20 +0700 Subject: [PATCH 1/3] update content catalog item & background color --- apps/catalog/primer/css/main.css | 8 ++-- apps/catalog/primer/index.html | 55 +++++++++++------------- apps/catalog/primer/js/block.backward.js | 3 ++ 3 files changed, 33 insertions(+), 33 deletions(-) diff --git a/apps/catalog/primer/css/main.css b/apps/catalog/primer/css/main.css index 4af5c69..7377c78 100644 --- a/apps/catalog/primer/css/main.css +++ b/apps/catalog/primer/css/main.css @@ -95,7 +95,7 @@ h6 { @media screen and (max-width: 767px) { .intro-head .inner img { height: 20px; } } - + .intro-slider div .item .intro-head { position: absolute; top: 0px; @@ -147,7 +147,7 @@ h6 { height: 10px; } } .intro-slider .item { min-height: 100vh; - background-color: #000; + background-color: inherit; display: block; border: 1px solid transparent; } .intro-slider .item.bg-red { @@ -225,7 +225,7 @@ h6 { width: 100%; } .intro-slider .item-inner-first-screen .content { - padding-top: calc(27vh - 20px); + /* padding-top: calc(27vh - 20px); */ width: 100%; } .intro-slider .item-inner-first-screen .content h2 { @@ -246,7 +246,7 @@ h6 { font-size: 60px; } } - + @media screen and (max-width: 767px) { .intro-slider .item-inner-first-screen .content p { font-size: 20px; diff --git a/apps/catalog/primer/index.html b/apps/catalog/primer/index.html index 9e1dee3..0d6071c 100644 --- a/apps/catalog/primer/index.html +++ b/apps/catalog/primer/index.html @@ -17,35 +17,26 @@
-
- - - -
-
- - - -
-

Web3 Glossary

-
-

Enabling the creation and exchange of value without reliance on a central authority, blockchain technology has engendered the formation of new digital communities and inspired artists and others to experiment with the technology in novel ways. Concurrent with the proliferation of this still nascent innovation, new terms have emerged that are related to or dependent on the blockchain, including Web3.

-
-

Our aspiration in this Web3 primer is to begin to demystify some of the jargon behind these foundational concepts so that it can serve as an entry point into further exploration and inquiry. -

-
-

Rather than an endpoint, we hope this is the beginning of the journey for many as we collectively try and shape the use of the underlying technology in positive ways. -

+

Web3

+

Blockchain

+

Cryptography

+

Metaverse

+

Token

+

NFT

+

Smart Contract

+

Web3 Wallet

+

Generative Art

+

On–chain Art

- +
@@ -80,8 +71,7 @@

 

Metaverse

 

-

Online, multidimensional universe that can synchronously accommodate individual users and groups as well as their identities, holdings, and transactional systems within a larger and expanding ecosystem whose reliability, in part, is supported by the blockchain. -

+

Online, multidimensional universe that can synchronously accommodate individual users and groups as well as their identities, holdings, and transactional systems within a larger and expanding ecosystem whose reliability, in part, is supported by the blockchain.

@@ -115,23 +105,30 @@

 

-

Web3 or

-

Crypto Wallet

-

A device or software program for transacting with blockchains. Wallets enable one to create, buy, trade and securely access digital assets. Web3 wallets act as an entry point into DeFi (Decentralized Finance) and NFT applications, among other uses. -

+

Web3 Wallet

+

A device or software program for transacting with blockchains. Wallets enable one to create, buy, trade and securely access digital assets. Web3 wallets act as an entry point into DeFi (Decentralized Finance) and NFT applications, among other uses.

-

Digital Art

+

Generative Art

 

-

Artworks that utilize digital technology in some form. While artists have been working with computer technology since the 1950’s, Digital art was popularized as a term in the 1980’s with the rise of personal computing.

+

Art that is created in part or in whole with the use of an autonomous system or computer code and often relies on elements of randomness or chance.

- +
+
+
+

On–chain Art

+

 

+

A term referring to NFTs that “live” on the blockchain; in other words, both the smart contract tied to the NFT and the media content of the NFT (“the art”) are written into the blockchain. Most NFTs are still stored off-chain.

+
+
+
+
diff --git a/apps/catalog/primer/js/block.backward.js b/apps/catalog/primer/js/block.backward.js index 2c88016..4fd2f18 100644 --- a/apps/catalog/primer/js/block.backward.js +++ b/apps/catalog/primer/js/block.backward.js @@ -1,9 +1,12 @@ const pages = 10; let owl = $('.owl-carousel'); let currentIndex = 0; +const backgroundColorCode = ['#000000', '#EA0028', '#FF595A', '#FFB4AB', '#FE9014', '#FFCD01', '#CCDB00', '#00AE41', '#87E2D1', '#00ACD9', '#0056B8']; // Listen to owl events: owl.on('changed.owl.carousel', function(event) { nextIndex = event.page?.index; + //Update background color base on index of slide + $('.page').css('background-color', backgroundColorCode[nextIndex]); // Ignore first load if (nextIndex === -1) { return; From 51862f4dc12c553d63a80021b0a114ab84c1f1b9 Mon Sep 17 00:00:00 2001 From: anhthuqs99 Date: Tue, 19 Sep 2023 12:59:27 +0700 Subject: [PATCH 2/3] update text color & space --- apps/catalog/primer/css/main.css | 7 ++++--- apps/catalog/primer/index.html | 5 +++-- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/apps/catalog/primer/css/main.css b/apps/catalog/primer/css/main.css index 7377c78..019df21 100644 --- a/apps/catalog/primer/css/main.css +++ b/apps/catalog/primer/css/main.css @@ -60,8 +60,8 @@ h6 { max-width: 1080px; } -.intro-slider div .item .item-inner .content { - color: #fff; +.white-text { + color: #FFF; } .intro-slider div .item .intro-head .inner img { @@ -233,7 +233,8 @@ h6 { font-weight: 700; line-height: 1.1; margin: 0; - color: #fff + color: #000; + -webkit-text-stroke: 1.5px #FFF; } @media screen and (max-width: 1079px) { .intro-slider .item-inner-first-screen { diff --git a/apps/catalog/primer/index.html b/apps/catalog/primer/index.html index 0d6071c..f6f30bf 100644 --- a/apps/catalog/primer/index.html +++ b/apps/catalog/primer/index.html @@ -41,7 +41,7 @@

On–chain Art

-
+

Web3

 

A concept referring to the next iteration of the World Wide Web, the fundamental infrastructure of which relies on blockchain technology. The ethos of Web3 is to create a more equitable and decentralized system that empowers users with ownership over their online interactions and their data. A loosely defined and evolving term, Web3 encompasses NFTs, the metaverse, and DeFi, among other domains.

@@ -106,6 +106,7 @@

 

Web3 Wallet

+

 

A device or software program for transacting with blockchains. Wallets enable one to create, buy, trade and securely access digital assets. Web3 wallets act as an entry point into DeFi (Decentralized Finance) and NFT applications, among other uses.

@@ -121,7 +122,7 @@

 

-
+

On–chain Art

 

A term referring to NFTs that “live” on the blockchain; in other words, both the smart contract tied to the NFT and the media content of the NFT (“the art”) are written into the blockchain. Most NFTs are still stored off-chain.

From f999e968c4b21a9839180fcd97962a6f63724745 Mon Sep 17 00:00:00 2001 From: anhthuqs99 Date: Tue, 19 Sep 2023 13:02:33 +0700 Subject: [PATCH 3/3] delete unuse images --- apps/catalog/primer/images/ff-symbol.svg | 6 ------ apps/catalog/primer/images/ff-text.svg | 11 ----------- apps/catalog/primer/images/logo-white.svg | 19 ------------------- apps/catalog/primer/images/logo.svg | 19 ------------------- 4 files changed, 55 deletions(-) delete mode 100644 apps/catalog/primer/images/ff-symbol.svg delete mode 100644 apps/catalog/primer/images/ff-text.svg delete mode 100644 apps/catalog/primer/images/logo-white.svg delete mode 100644 apps/catalog/primer/images/logo.svg diff --git a/apps/catalog/primer/images/ff-symbol.svg b/apps/catalog/primer/images/ff-symbol.svg deleted file mode 100644 index a00daa4..0000000 --- a/apps/catalog/primer/images/ff-symbol.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/apps/catalog/primer/images/ff-text.svg b/apps/catalog/primer/images/ff-text.svg deleted file mode 100644 index 6d84019..0000000 --- a/apps/catalog/primer/images/ff-text.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/apps/catalog/primer/images/logo-white.svg b/apps/catalog/primer/images/logo-white.svg deleted file mode 100644 index 2447763..0000000 --- a/apps/catalog/primer/images/logo-white.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/apps/catalog/primer/images/logo.svg b/apps/catalog/primer/images/logo.svg deleted file mode 100644 index 56f5920..0000000 --- a/apps/catalog/primer/images/logo.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - -