Skip to content

Commit

Permalink
Merge pull request #3 from Nerban/contentupdate
Browse files Browse the repository at this point in the history 
added 20-12
  • Loading branch information
@Nerban
Nerban authored Dec 19, 2023
2 parents b3e24dc + b90c1eb commit 07b18d7
Show file tree
Hide file tree
Showing 3 changed files with 73 additions and 125 deletions.
37 changes: 37 additions & 0 deletions src/_data/packs.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -751,5 +751,42 @@
"card": {"foil": false, "id":"1728ad2d-c8a6-49e4-85bb-29934fa26208"}
}
]
},
"20":{
"art":{
"foil":false,
"rotate": false,
"id":"824ccb71-524e-4ce8-9d29-d80d7f456a67"
},
"commons":{
"head": "Commons",
"cards": [
{"foil": false, "id":"ee7f525c-d777-4adf-8920-8adfc73bbc55"},
{"foil": false, "id":"f6ee12ba-0e6c-485a-a1ff-61726ed72fea"},
{"foil": false, "id":"007324b3-b8a9-4a32-a5a1-ad78f3a07bc3"},
{"foil": false, "id":"194ad785-21bb-4ce6-8776-31c67259fb99"},
{"foil": false, "id":"1bdd3ecb-8c11-4a4c-a503-bc29f79a9dcb"},
{"foil": false, "id":"83ca46ac-0698-4651-940d-3fd20c266b74"},
{"foil": false, "id":"d0749c3c-e3f7-4c96-8c5b-4fd2401544c4"},
{"foil": false, "id":"76b5e289-6bc4-48ee-8d5b-6989bab9f901"}]
},
"focusCards":[
{
"head": "Wild Card",
"card": {"foil": false, "id":"c0ef6737-8e85-42ca-8ee6-6a34f9462de3"}
},
{
"head": "Rare Card",
"card": {"foil": false, "id":"6f455cc1-a822-44ef-ba7c-bfcff69bd45e"}
},
{
"head": "Showcase Card",
"card": {"foil": false, "id":"1998356b-4eb3-43a7-8534-10eb212c7f2a"}
},
{
"head": "Random Foil Card",
"card": {"foil": true, "id":"56f642ae-68f3-4eeb-8b3f-a9fe1596231d"}
}
]
}
}
Binary file added src/images/art/art20.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
161 changes: 36 additions & 125 deletions src/style/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -552,12 +552,12 @@ video {
position: relative;
}

.-bottom-2 {
bottom: -0.5rem;
.bottom-4 {
bottom: 1rem;
}

.-left-2 {
left: -0.5rem;
.left-0 {
left: 0px;
}

.right-0 {
Expand All @@ -568,30 +568,10 @@ video {
top: 0px;
}

.bottom-4 {
bottom: 1rem;
}

.left-0 {
left: 0px;
}

.z-10 {
z-index: 10;
}

.z-20 {
z-index: 20;
}

.z-40 {
z-index: 40;
}

.z-50 {
z-index: 50;
}

.m-10 {
margin: 2.5rem;
}
Expand Down Expand Up @@ -643,19 +623,15 @@ video {
aspect-ratio: 1 / 1;
}

.aspect-video {
aspect-ratio: 16 / 9;
.h-full {
height: 100%;
}

.h-max {
height: -moz-max-content;
height: max-content;
}

.h-full {
height: 100%;
}

.w-1\/2 {
width: 50%;
}
Expand All @@ -668,10 +644,6 @@ video {
width: 66.666667%;
}

.w-4\/12 {
width: 33.333333%;
}

.w-full {
width: 100%;
}
Expand All @@ -685,22 +657,6 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
0%, 100% {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}

50% {
transform: none;
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}

.animate-bounce {
animation: bounce 1s infinite;
}

.cursor-pointer {
cursor: pointer;
}
Expand Down Expand Up @@ -729,10 +685,6 @@ video {
place-items: center;
}

.gap-4 {
gap: 1rem;
}

.gap-5 {
gap: 1.25rem;
}
Expand All @@ -749,24 +701,16 @@ video {
border-radius: 9999px;
}

.rounded-md {
border-radius: 0.375rem;
}

.rounded-xl {
border-radius: 0.75rem;
}

.rounded-lg {
border-radius: 0.5rem;
}

.rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
.rounded-md {
border-radius: 0.375rem;
}

.rounded-tr-full {
border-top-right-radius: 9999px;
.rounded-xl {
border-radius: 0.75rem;
}

.rounded-tr-3xl {
Expand All @@ -787,10 +731,6 @@ video {
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}

.bg-gray-800\/75 {
background-color: rgb(30 41 59 / 0.75);
}

.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
Expand All @@ -800,20 +740,16 @@ video {
--tw-bg-opacity: 0.25;
}

.bg-opacity-75 {
--tw-bg-opacity: 0.75;
}

.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}

.bg-\[url\(\.\.\/images\/art\/art1\.png\)\] {
background-image: url(../images/art/art1.png);
.bg-opacity-75 {
--tw-bg-opacity: 0.75;
}

.bg-\[url\(\.\.\/images\/cardBack\.jpg\)\] {
background-image: url(../images/cardBack.jpg);
.bg-\[url\(\.\.\/images\/art\/art1\.png\)\] {
background-image: url(../images/art/art1.png);
}

.bg-\[url\(\.\.\/images\/art\/art10\.png\)\] {
Expand Down Expand Up @@ -852,6 +788,10 @@ video {
background-image: url(../images/art/art18.png);
}

.bg-\[url\(\.\.\/images\/art\/art19\.png\)\] {
background-image: url(../images/art/art19.png);
}

.bg-\[url\(\.\.\/images\/art\/art2\.png\)\] {
background-image: url(../images/art/art2.png);
}
Expand Down Expand Up @@ -884,8 +824,8 @@ video {
background-image: url(../images/art/art9.png);
}

.bg-\[url\(\.\.\/images\/art\/art19\.png\)\] {
background-image: url(../images/art/art19.png);
.bg-\[url\(\.\.\/images\/art\/art20\.png\)\] {
background-image: url(../images/art/art20.png);
}

.bg-cover {
Expand All @@ -896,18 +836,14 @@ video {
background-position: center;
}

.p-5 {
padding: 1.25rem;
}

.p-6 {
padding: 1.5rem;
}

.p-0 {
padding: 0px;
}

.p-5 {
padding: 1.25rem;
}

.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
Expand All @@ -931,20 +867,6 @@ video {
text-align: center;
}

.font-serif {
font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.text-5xl {
font-size: 3rem;
line-height: 1;
}

.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}

.font-bold {
font-weight: 700;
}
Expand All @@ -957,11 +879,6 @@ video {
text-transform: uppercase;
}

.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
Expand Down Expand Up @@ -1019,11 +936,6 @@ video {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-lg {
--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-md {
--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
Expand Down Expand Up @@ -1070,10 +982,6 @@ video {
transform-style: preserve-3d;
}

.hover\:bg-\[url\(\.\.\/images\/theme\.jpg\)\]:hover {
background-image: url(../images/theme.jpg);
}

.hover\:bg-\[url\(\.\.\/images\/art\/art1\.png\)\]:hover {
background-image: url(../images/art/art1.png);
}
Expand Down Expand Up @@ -1110,6 +1018,10 @@ video {
background-image: url(../images/art/art17.png);
}

.hover\:bg-\[url\(\.\.\/images\/art\/art18\.png\)\]:hover {
background-image: url(../images/art/art18.png);
}

.hover\:bg-\[url\(\.\.\/images\/art\/art2\.png\)\]:hover {
background-image: url(../images/art/art2.png);
}
Expand Down Expand Up @@ -1142,29 +1054,28 @@ video {
background-image: url(../images/art/art9.png);
}

.hover\:bg-\[url\(\.\.\/images\/art\/art18\.png\)\]:hover {
background-image: url(../images/art/art18.png);
.hover\:bg-\[url\(\.\.\/images\/theme\.jpg\)\]:hover {
background-image: url(../images/theme.jpg);
}

.hover\:bg-\[url\(\.\.\/images\/art\/art19\.png\)\]:hover {
background-image: url(../images/art/art19.png);
}

.hover\:text-blue-200:hover {
--tw-text-opacity: 1;
color: rgb(191 219 254 / var(--tw-text-opacity));
}

.hover\:text-blue-300:hover {
--tw-text-opacity: 1;
color: rgb(147 197 253 / var(--tw-text-opacity));
.hover\:text-transparent:hover {
color: transparent;
}

.hover\:text-yellow-500:hover {
--tw-text-opacity: 1;
color: rgb(245 158 11 / var(--tw-text-opacity));
}

.hover\:text-transparent:hover {
color: transparent;
}

.hover\:outline:hover {
outline-style: solid;
}
Expand Down

0 comments on commit 07b18d7

Please sign in to comment.