new pages, and various edits
All checks were successful
publish / Build-and-publish (push) Successful in 19s

This commit is contained in:
free ko 2024-11-16 15:46:05 +02:00
parent bc7d0fae63
commit 42d8eab1f0
24 changed files with 3542 additions and 148 deletions

View File

@ -0,0 +1,334 @@
.checkoutMain {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.checkoutMainInside {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 25px;
}
@media (max-width: 992px) {
.checkoutMainInside {
flex-direction: column;
}
}
.checkoutMainInsideSec {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.checkoutMainTop {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 15px;
}
.checkoutMainTopTitle {
display: flex;
flex-direction: column;
grid-gap: 5px;
}
.checkoutMainTopTitleHeading {
font-weight: 700;
color: rgba(0,0,0,0.75);
}
.checkoutMainInsideSec.checkoutMainInsideSecSide {
min-width: 400px;
max-width: 400px;
position: relative;
}
@media (max-width: 992px) {
.checkoutMainInsideSec.checkoutMainInsideSecSide {
min-width: auto;
max-width: unset;
width: 100%;
}
}
.checkoutMainInsideSec.checkoutMainInsideSecBody {
}
@media (max-width: 992px) {
.checkoutMainInsideSec.checkoutMainInsideSecBody {
order: 2;
}
}
.checkoutMainInsideSecSideSec {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
border-radius: 8px;
padding: 0 10px;
}
.checkoutMainInsideSecSideSec.checkoutMainInsideSecSideSecAlt {
padding: 10px;
background: white;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
}
.checkoutMainInsideSecBodyCard {
width: 100%;
border-radius: 8px;
display: flex;
flex-direction: column;
grid-gap: 0px;
overflow: hidden;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
background: white;
padding: 5px;
}
.checkoutMainInsideSecBodyCardTop {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 15px;
padding: 10px 15px;
}
.checkoutMainInsideSecBodyCardBottom {
transition: ease 0.0s;
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 20px;
background: rgba(0,0,0,0.05);
padding: 0px;
height: 0px;
overflow: hidden;
outline: solid 1px rgba(0,0,0,0);
border-radius: 6px;
}
.checkoutMainInsideSecBodyCardBottom.checkoutMainInsideSecBodyCardBottomActive {
padding: 10px;
height: 100%;
outline: solid 1px rgba(0,0,0,0.1);
}
.checkoutMainInsideSecBodyCardTopName {
flex-grow: 1;
font-weight: 600;
font-size: 16px;
}
.checkoutMainInsideSecBodyCardTopSec {
display: flex;
flex-direction: column;
justify-content: center;
}
.checkoutMainInsideSecBodyCardTopSec.checkoutMainInsideSecBodyCardTopAmount {
}
.checkoutMainInsideSecBodyCardTopAction {
display: flex;
flex-direction: row;
grid-gap: 5px;
}
.checkoutMainInsideSecBodyCardTopSec.checkoutMainInsideSecBodyCardTopPrice {
font-weight: 600;
white-space: nowrap;
}
.checkoutMainInsideSecBodyCardTopNameText {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
}
.inputMain.checkoutMainInsideSecBodyCardTopAmountInput {
max-width: 65px;
}
.btnMain.checkoutMainInsideSecBodyCardTopActionBtnView {
padding: 10px;
background: rgba(0,0,0,0.1);
color: rgba(0,0,0,0.35);
}
.btnMain.checkoutMainInsideSecBodyCardTopActionBtnTrash {
padding: 10px;
background: rgba(0,0,0,0.1);
color: rgba(0,0,0,0.35);
}
.btnMain.checkoutMainInsideSecBodyCardTopActionBtnTrash:hover {
background: tomato;
color: rgb(255,255,255);
}
.checkoutMainInsideSecBodyCardBottomMedia {
width: 100%;
max-width: 200px;
min-width: 200px;
}
.checkoutMainInsideSecBodyCardBottomMediaInside {
padding-top: 50%;
background: rgba(0,0,0,0.1);
border-radius: 6px;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
position: relative;
overflow: hidden;
}
.checkoutMainInsideSecBodyCardBottomMediaInsideImg {
object-fit: cover;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.checkoutMainInsideSecBodyCardBottomDetails {
flex-grow: 1;
display: flex;
flex-direction: column;
grid-gap: 5px;
}
.checkoutMainInsideSecBodyCardBottomDetailsSummary {
padding: 0 10px;
}
.checkoutMainInsideSecBodyCardBottomDetailsSummaryText {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 8;
}
.checkoutMainInsideSecSideSecInfo {
display: flex;
flex-direction: column;
grid-gap: 10px;
justify-content: end;
}
.checkoutMainInsideSecSideSecInfoSec {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 10px;
justify-content: space-between;
padding: 5px 10px;
border-radius: 6px;
background: rgba(0,0,0,0.05);
}
.checkoutMainInsideSecSideSecInfoSecText1 {
font-weight: 700;
color: rgba(0,0,0,0.65);
}
.checkoutMainInsideSecSideSecInfoSecText2 {
color: rgba(0,0,0,0.75);
}
.checkoutMainInsideSecSideSecInfoDivider {
width: 100%;
height: 1px;
background: rgba(0,0,0,0.1);
}
.checkoutMainInsideSecSideSecInfoActions {
display: flex;
flex-direction: row;
grid-gap: 5px;
}
.btnMain.checkoutMainInsideSecSideSecInfoActionsBtn {
padding: 5px 10px;
width: 100%;
}
.btnMain.checkoutMainInsideSecSideSecInfoActionsBtnAlt {
padding: 5px 10px;
background: white;
border: solid 1px rgba(0,0,0,0.1);
color: rgba(0,0,0,0.3);
}
.checkoutMainInsideSecSideSecWrapper {
width: 100%;
position: sticky;
top: 10px;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.checkoutMainInsideSecSideSecNoteText {
font-size: 14px;
}
.checkoutMainInsideSecBodyCardBottomDetailsStore {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 10px;
padding: 5px 15px;
border-radius: 6px;
background: white;
border: solid 1px rgba(0,0,0,0.1);
font-weight: 500;
}
.checkoutMainInsideSecBodyCardBottomDetailsStore:hover {
color: white;
background: #ff9900;
border: solid 1px rgba(0,0,0,0);
}
.createStoreMainActions {
display: flex;
flex-direction: row;
grid-gap: 25px;
background: white;
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
align-items: center;
}
@media (max-width: 768px) {
.createStoreMainActions {
flex-direction: column;
}
}
.createStoreMainActionsText {
flex-grow: 1;
}
.btnMain.createStoreMainActionsBtn {
}
@media (max-width: 768px) {
.btnMain.createStoreMainActionsBtn {
width: 100%;
}
}

View File

@ -0,0 +1,76 @@
.createStoreMain {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.createStoreMainSec {
display: flex;
flex-direction: column;
grid-gap: 25px;
background: white;
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
}
.createStoreMainSec.createStoreMainSecAlt {
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.createStoreMainSec.createStoreMainSecAlt {
grid-template-columns: 1fr;
}
}
.createStoreMainTitle {
display: flex;
flex-direction: row;
grid-gap: 15px;
justify-content: space-between;
}
.createStoreMainTitleInfo {
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.createStoreMainSecBox {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
min-width: 50%;
}
.createStoreMainSecBox.createStoreMainSecBoxFull {
grid-column-start: 1;
grid-column-end: 3;
}
@media (max-width: 768px) {
.createStoreMainSecBox.createStoreMainSecBoxFull {
grid-column-start: 1;
grid-column-end: 1;
}
}
.inputMainWrapper.createStoreMainSecBoxInside {
height: 100%;
justify-content: space-between;
}
.btnMain.createStoreMainSecBoxInsideBtn {
align-self: end;
font-size: 16px;
margin-top: 5px;
background: white;
color: rgba(0,0,0,0.3);
border: solid 1px rgba(0,0,0,0.1);
font-weight: 700;
}

View File

@ -3,7 +3,7 @@
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 0;
/*padding: 15px 0;*/
background: white;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
border-bottom: solid 1px rgba(0,0,0,0.1);
@ -11,6 +11,7 @@
@media (max-width: 992px) {
.TopMain {
display: none;
padding: 15px 0 5px 0;
border-bottom: solid 1px rgba(255,255,255,0.05);
}
@ -19,17 +20,14 @@
.navMain {
width: 100%;
display: grid;
grid-template-columns: 0.5fr 1.5fr 0.5fr;
grid-template-columns: 0.65fr 1.35fr;
grid-gap: 25px;
padding: 8px 0px;
}
@media (max-width: 992px) {
.navMain {
width: 100%;
display: grid;
grid-template-columns: 2fr 0.75fr 0.25fr;
grid-gap: 10px;
}
.navMain.navMainAlt {
grid-template-columns: 1fr;
padding: 5px 0;
}
.navMainSec {
@ -39,12 +37,6 @@
flex-direction: row;
}
@media (max-width: 992px) {
.navMainSec {
justify-content: center;
}
}
.navMainSecLogo {
transition: ease 0.4s;
display: flex;
@ -97,22 +89,23 @@
flex-direction: row;
grid-gap: 20px;
align-items: center;
justify-content: space-around;
justify-content: center;
/*justify-content: space-around;*/
}
@media (max-width: 992px) {
.navMainSecLinks {
overflow-x: scroll;
align-items: start;
justify-content: start;
flex-direction: column;
}
}
.navMainSecLinksLink {
font-size: 20px;
padding: 10px 15px;
font-size: 18px;
padding: 8px 15px;
white-space: nowrap;
font-weight: 600;
width: 100%;
text-align: center;
}
.navMainSecLinksLink:hover {
@ -123,6 +116,7 @@
@media (max-width: 992px) {
.navMainSecLinksLink {
padding: 15px 10px;
font-size: 18px;
}
}
@ -136,17 +130,23 @@
opacity: 0.5;
}
@media (max-width: 992px) {
.navMainSecLinksLinkWrapper {
width: 100%;
}
}
.navMainSecLinksLinkWrapper:hover {
transition: ease 0.2s;
opacity: 1;
}
.navMainSecLinksSocial {
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
flex-direction: row;
justify-content: end;
align-items: center;
flex-grow: 1;
grid-gap: 10px;
}
@media (max-width: 992px) {
@ -163,6 +163,8 @@
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 24px;
color: rgba(0,0,0,0.5);
}
@media (max-width: 992px) {
@ -185,11 +187,8 @@
opacity: 0;
}
@media (max-width: 992px) {
.navMainSec.navMainSecFirst {
grid-column-start: 1;
grid-column-end: 4;
}
.navMainSec.navMainSecMid {
width: 100%;
}
@media (max-width: 992px) {
@ -199,3 +198,45 @@
}
}
.TopMain.TopMainMobile {
display: none;
padding: 10px 0;
}
@media (max-width: 992px) {
.TopMain.TopMainMobile {
display: flex;
}
}
.navMain.navMainMobile {
display: flex;
flex-direction: row;
}
.navMainSec.navMainSecMobile {
width: unset;
flex-grow: unset;
}
.btnMain.navMainSecLinksSocialBurger {
padding: 10px 20px;
font-size: 24px;
border: solid 1px rgba(0,0,0,0.1);
background: white;
color: rgba(0,0,0,0.5);
}
.btnMain.navMainSecLinksSocialBtn {
padding: 8px 15px;
}
.navMainWrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: solid 1px rgba(0,0,0,0.1);
}

View File

@ -7,7 +7,7 @@
}
.paginationMainInside {
width: 100%;
width: auto;
max-width: 500px;
display: flex;
flex-direction: row;

View File

@ -12,6 +12,7 @@
justify-content: start;
align-items: center;
padding: 25px;
overflow: auto;
}
@media (max-width: 576px) {
@ -74,6 +75,9 @@
}
.popupMainSecInsideBoxBottom {
display: flex;
flex-direction: row;
grid-gap: 10px;
}
.popupMainSecInsideBoxTopTitle {
@ -97,3 +101,43 @@
grid-gap: 15px;
}
.popupMainSecInsideBoxMidStoreProfileDescription {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.popupMainSecInsideBoxMidNavigation {
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.popupMainSecInsideBoxBottomActions {
flex-grow: 1;
display: flex;
flex-direction: row;
grid-gap: 10px;
}
.btnMain.popupMainSecInsideBoxBottomActionsBtn {
flex-grow: 1;
grid-gap: 10px;
}
.popupMainSecInsideBoxMidLoginRegister {
}
.tabsMainTopElement.popupMainSecInsideBoxMidLoginRegisterNostrTab {
max-width: 75px;
}
.tabsMainTopElement.popupMainSecInsideBoxMidLoginRegisterNostrTab > * {
filter: brightness(0.75) contrast(100%);
}
.tabsMainTopElement.popupMainSecInsideBoxMidLoginRegisterNostrTab:hover > * {
filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);
}

View File

@ -210,6 +210,10 @@
}
.productMainSecSideSecText {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 8;
}
.btnMain.productMainSecSideSecBtn {

View File

@ -50,7 +50,7 @@
.productCardMainInsideBot {
display: flex;
flex-direction: row;
grid-gap: 10px;
grid-gap: 5px;
}
.btnMain.productCardMainInsideBotBtn {

View File

@ -41,7 +41,7 @@
.storeCardMainInsideBot {
display: flex;
flex-direction: row;
grid-gap: 10px;
grid-gap: 5px;
}
.btnMain.storeCardMainInsideBotBtn {
@ -277,3 +277,7 @@
box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
}
.btnMain.storeCardMainInsideBotBtn.storeCardMainInsideBotBtnAlt {
flex-grow: 0;
}

View File

@ -0,0 +1,174 @@
.storeMain {
display: flex;
flex-direction: column;
grid-gap: 0px;
align-items: center;
}
.storeMainTop {
width: 100%;
display: flex;
flex-direction: column;
position: relative;
padding-top: 35%;
border-radius: 8px;
background: rgba(0,0,0,0.05);
overflow: hidden;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.5);
align-items: center;
}
.storeMainMid {
display: flex;
flex-direction: column;
grid-gap: 25px;
justify-content: center;
align-items: center;
padding: 0 5%;
}
.storeMainMidInside {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 25px;
margin-top: -50px;
border-radius: 8px;
padding: 10px;
background: rgba(255,255,255,0.85);
z-index: 1;
backdrop-filter: blur(10px);
box-shadow: 0 0 4px 0 rgb(0,0,0,0.2);
flex-wrap: wrap;
}
@media (max-width: 992px) {
.storeMainMidInside {
grid-template-columns: 1fr;
}
}
.storeMainTopImg {
object-fit: cover;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.storeMainMidInsideSec {
display: flex;
flex-direction: row;
grid-gap: 10px;
}
.storeMainMidInsideSec.storeMainMidInsideSecAlt {
flex-direction: column;
}
.storeMainMidInsideSecProfilePic {
height: 125px;
width: 125px;
min-height: 125px;
min-width: 125px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(0,0,0,0.1);
border-radius: 6px;
position: relative;
overflow: hidden;
box-shadow: 0 0 6px 0 rgb(0,0,0,0.25);
border: solid 4px white;
}
.storeMainMidInsideSecProfileDetails {
display: flex;
flex-direction: column;
grid-gap: 5px;
justify-content: space-between;
}
.storeMainMidInsideSecProfilePicImg {
object-fit: cover;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.storeMainMidInsideSecProfileDetailsName {
font-weight: 600;
font-size: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
}
.storeMainMidInsideSecProfileDetailsBio {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
}
.storeMainMidInsideSecProfilePop {
justify-self: center;
align-self: end;
padding: 5px 10px;
border-radius: 4px;
}
.storeMainMidInsideSecUser {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
grid-gap: 10px;
background: white;
border-radius: 5px;
padding: 5px 5px 5px 15px;
border: solid 1px rgba(0,0,0,0.15);
align-items: center;
flex-wrap: wrap;
}
.btnMain.storeMainMidInsideSecUserBtn {
padding: 5px 15px;
flex-grow: 1;
background: rgba(0,0,0,0.1);
color: rgba(0,0,0,0.5);
}
.storeMainMidInsideSecUserText {
display: flex;
grid-gap: 10px;
flex-wrap: wrap;
flex-grow: 1;
}
.storeMainMidInsideSecUserTextLink {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
flex-grow: 1;
max-width: 300px;
font-weight: 500;
}
.btnMain.storeMainMidInsideSecUserBtn.storeMainMidInsideSecUserBtnActive {
background: rgb(255,153,0);
color: white;
}

View File

@ -127,7 +127,7 @@ a:hover {
flex-direction: row;
justify-content: center;
align-items: center;
grid-gap: 5px;
grid-gap: 10px;
border: solid 1px rgba(0,0,0,0);
}
@ -319,6 +319,11 @@ a:hover {
padding: 5px 15px;
grid-gap: 10px;
height: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
}
.dropdown-menu.dropdownMainMenu {
@ -326,6 +331,7 @@ a:hover {
border: solid 1px rgba(0,0,0,0.1);
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
padding: 5px;
width: 100%;
}
.dropdown-menu.dropdownMainMenu > *:last-child {
@ -369,6 +375,7 @@ a:hover {
background: rgba(0,0,0,0.05);
color: rgba(0,0,0,0.85);
line-height: 1.5;
width: 100%;
}
.inputMain:focus {
@ -387,7 +394,7 @@ a:hover {
padding: 5px 10px;
border-radius: 0px;
box-shadow: unset;
color: rgba(0,0,0,0.75);
color: rgba(0,0,0,0.5);
background: rgba(255,153,0,0);
}
@ -415,6 +422,7 @@ a:hover {
}
.inputMainLabel {
font-size: 16px;
}
.checkboxWrapperCheck {
@ -467,3 +475,68 @@ a:hover {
font-weight: 600;
}
.inputMainWrapper {
display: flex;
flex-direction: column;
grid-gap: 5px;
}
.inputMainBox {
display: flex;
flex-direction: column;
grid-gap: 15px;
flex-wrap: wrap;
}
.inputMainBoxWrapper {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.inputMainBoxWrapperActions {
display: flex;
flex-direction: row;
grid-gap: 10px;
justify-content: center;
align-items: center;
}
.btnMain.inputMainBoxWrapperActionsBtn {
flex-grow: 1;
}
.inputMainNote {
display: flex;
flex-direction: column;
grid-gap: 5px;
border: solid 2px rgba(0,0,0,0.1);
border-radius: 6px;
padding: 10px;
background: rgba(0,0,0,0.1);
color: black;
font-size: 14px;
}
.inputMainNote.inputMainNoteRed {
border: solid 2px #ffa494;
background: #ef745e;
color: white;
}
.inputMainNote.inputMainNoteGreen {
border: solid 2px #a5da8b;
background: #80b865;
color: white;
}
.inputMain.inputMainArea {
transition: height ease 0s;
}
.inputMainLabelExtra {
font-size: 14px;
color: rgba(0,0,0,0.65);
}

View File

@ -68,6 +68,41 @@
background: white;
border-radius: 8px;
padding: 15px;
grid-gap: 15px;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
}
.tabsMainTopElement.tabsMainTopElementAlt {
}
.tabsMainTopElement.tabsMainTopElementAlt:hover {
border: solid 1px #ff9900;
color: #ff9900;
}
.tabsMainTopElement.tabsMainTopElementAlt.tabsMainTopElementActive.tabsMainTopElementActiveAlt {
background: #ff9900;
color: white;
}
.tabsMainTopElement.tabsMainTopElementAlt.tabsMainTopElementActive.tabsMainTopElementActiveAlt > img {
filter: brightness(1) contrast(100%);
}
.tabsMainMidElementDivider {
width: 100%;
height: 1px;
background: rgba(0,0,0,0.1);
}
.tabsMainMidElementDividerWrapper {
display: flex;
flex-direction: row;
grid-gap: 15px;
white-space: nowrap;
color: rgba(0,0,0,0.35);
align-items: center;
font-weight: 700;
font-size: 14px;
}

View File

@ -0,0 +1,330 @@
.profileMain {
width: 100%;
display: grid;
grid-template-columns: 0.5fr 1.5fr;
grid-gap: 25px;
}
@media (max-width: 992px) {
.profileMain {
grid-template-columns: 1fr;
}
}
.profileMainSec {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.profileMainSec.profileMainSecSide {
position: relative;
}
.profileMainSec.profileMainSecBody {
}
.profileMainSecInside {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.profileMainSecInside.profileMainSecInsideSide {
position: sticky;
top: 15px;
}
.profileMainSecInside.profileMainSecInsideBody {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.profileMainSecInsideSideBox {
width: 100%;
border-radius: 10px;
display: flex;
flex-direction: column;
grid-gap: 10px;
overflow: hidden;
}
.profileMainSecInsideSideBox.profileMainSecInsideSideBoxAlt {
padding: 15px;
border: solid 1px rgba(0,0,0,0.1);
}
.profileMainSecInsideSideBox.profileMainSecInsideSideBoxAlt2 {
padding: 15px;
background: white;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
}
.profileMainSecInsideSideBoxProfile {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.profileMainSecInsideSideBoxProfileMedia {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 0px;
align-items: center;
justify-content: center;
}
.profileMainSecInsideSideBoxProfileMediaBanner {
width: 100%;
border-radius: 8px;
padding-top: 25%;
background: rgba(0,0,0,0.1);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 0 6px 0 rgb(0,0,0,0.2);
margin-bottom: -30px;
}
.profileMainSecInsideSideBoxProfileMediaBannerImg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
}
.profileMainSecInsideSideBoxProfileMediaPic {
transition: ease 0.3s;
min-height: 75px;
min-width: 75px;
max-height: 75px;
max-width: 50%;
background: rgba(0,0,0,0.1);
border-radius: 100%;
border: solid 4px white;
box-shadow: 0 0 6px 0 rgb(0,0,0,0.25);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}
.profileMainSecInsideSideBoxProfileMediaPic:hover {
transform: scale(1.03);
}
.profileMainSecInsideSideBoxProfileMediaPicImg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.profileMainSecInsideSideBoxProfileDetails {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.profileMainSecInsideSideBoxProfileDetailsNames {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 5px;
}
.profileMainSecInsideSideBoxProfileDetailsNamesName {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
}
.profileMainSecInsideSideBoxProfileDetailsBio {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 5px;
}
.profileMainSecInsideSideBoxProfileDetailsBioText {
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 4;
}
.btnMain.profileMainSecInsideSideBoxProfileDetailsBioBtn {
padding: 5px 15px;
font-size: 14px;
background: rgba(0,0,0,0.1);
color: rgba(0,0,0,0.5);
}
.btnMain.profileMainSecInsideSideBoxProfileDetailsBioBtn:hover {
background: #ff9900;
color: white;
}
.profileMainSecInsideSideBoxProfileLinks {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 0px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 6px;
overflow: hidden;
flex-wrap: wrap;
}
.btnMain.profileMainSecInsideSideBoxProfileLinksLink {
padding: 6px;
font-size: 14px;
border-radius: 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-grow: 1;
color: rgba(0,0,0,0.5);
background: rgba(255,255,255,0);
}
.btnMain.profileMainSecInsideSideBoxProfileLinksLink:hover {
background: #ff9900;
color: white;
}
.profileMainSecInsideSideBoxProfileAction {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 10px;
}
.btnMain.profileMainSecInsideSideBoxProfileActionBtn {
flex-grow: 1;
padding: 8px 15px;
background: rgba(0,0,0,0.25);
color: rgba(0,0,0,0.5);
}
.btnMain.profileMainSecInsideSideBoxProfileActionBtn:hover {
background: rgb(255,153,0);
color: rgb(255,255,255);
}
.btnMain.profileMainSecInsideSideBoxProfileActionBtn.profileMainSecInsideSideBoxProfileActionBtnActive {
background: rgb(255,153,0);
color: rgb(255,255,255);
}
.profileMainSecInsideBodyBox {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.profileMainSecInsideBodyBoxInfo {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 15px;
}
.profileMainSecInsideBodyBoxInfoText {
display: flex;
flex-direction: column;
grid-gap: 5px;
}
.profileMainSecInsideBodyBoxInfoTextHeading {
color: rgba(0,0,0,0.65);
font-weight: 600;
}
.profileMainSecInsideBodyBoxInfoTextPara {
}
.tabsMainMidElement.tabsMainMidElementAlt {
background: unset;
box-shadow: unset;
padding: 0;
}
.profileMainSecInsideSideBoxProfileDetailsAddresses {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.btnMain.profileMainSecInsideSideBoxBtn {
background: rgba(0,0,0,0.1);
justify-content: start;
color: rgba(0,0,0,0.5);
}
.btnMain.profileMainSecInsideSideBoxBtn:hover {
background: rgba(255,153,0,0.9);
color: rgb(255,255,255);
grid-gap: 15px;
}
.btnMain.profileMainSecInsideSideBoxBtn.profileMainSecInsideSideBoxBtnActive {
background: rgb(255,153,0);
color: rgb(255,255,255);
}
.createStoreProductCardMain {
transition: ease 0.4s;
border-radius: 8px;
background: rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: rgba(0,0,0,0.5);
border: solid 4px rgba(0,0,0,0.1);
grid-gap: 15px;
padding: 25px;
}
.createStoreProductCardMain:hover {
transform: scale(0.98);
border: solid 4px rgb(255,153,0);
background: rgb(255,255,255);
color: rgb(255,153,0);
grid-gap: 10px;
}
.btnMainIcon.createStoreProductCardMainIcon {
font-size: 42px;
}
.createStoreProductCardMainText {
font-size: 24px;
font-weight: 700;
text-align: center;
}

View File

@ -0,0 +1,10 @@
document.querySelectorAll('.checkoutMainInsideSecBodyCard').forEach(card => {
const actionBtn = card.querySelector('.checkoutMainInsideSecBodyCardTopActionBtnView');
const bottom = card.querySelector('.checkoutMainInsideSecBodyCardBottom');
if (actionBtn && bottom) {
actionBtn.addEventListener('click', () => {
bottom.classList.toggle('checkoutMainInsideSecBodyCardBottomActive');
});
}
});

View File

@ -0,0 +1,31 @@
document.addEventListener('DOMContentLoaded', function() {
function setupPopup(triggerId, popupId) {
const trigger = document.getElementById(triggerId);
const popup = document.getElementById(popupId);
if (trigger && popup) {
trigger.addEventListener('click', function() {
popup.style.display = 'flex';
document.body.style.overflow = 'hidden';
});
}
}
// Setup popups
setupPopup('storePageInfoPopupTrigger', 'storePageInfoPopup');
setupPopup('mobileMenuPopupTrigger', 'mobileMenuPopup');
setupPopup('loginRegisterPopupTrigger', 'loginRegisterPopup');
setupPopup('loginRegisterMobilePopupTrigger', 'loginRegisterPopup');
setupPopup('userPageInfoPopupTrigger', 'userPageInfoPopup');// Add more as needed
// Close popups
document.querySelectorAll('.popupMainSecInsideBoxTopBtn').forEach(function(button) {
button.addEventListener('click', function() {
const popup = document.querySelector('.popupMain[style*="display: flex"]');
if (popup) {
popup.style.display = 'none';
document.body.style.overflow = 'auto';
}
});
});
});

View File

@ -1,15 +1,21 @@
document.querySelectorAll('.tabsMain').forEach(tabsMain => {
const tabsTopElements = tabsMain.querySelectorAll('.tabsMainTopElement');
const tabsTopElements = tabsMain.querySelectorAll('.tabsMainTopElement, .tabsMainTopElementAlt');
const tabsMidElements = tabsMain.querySelectorAll('.tabsMainMidElement');
tabsTopElements.forEach((tab, index) => {
tab.addEventListener('click', () => {
// Remove active class from all tabs and content
tabsTopElements.forEach(t => t.classList.remove('tabsMainTopElementActive'));
tabsTopElements.forEach(t => {
t.classList.remove('tabsMainTopElementActive');
t.classList.remove('tabsMainTopElementActiveAlt');
});
tabsMidElements.forEach(m => m.classList.remove('tabsMainMidElementActive'));
// Add active class to the clicked tab and corresponding content
tab.classList.add('tabsMainTopElementActive');
if (tab.classList.contains('tabsMainTopElementAlt')) {
tab.classList.add('tabsMainTopElementActiveAlt');
}
tabsMidElements[index].classList.add('tabsMainMidElementActive');
// Set active class on the parent tabsMain

380
public/checkout.html Normal file
View File

@ -0,0 +1,380 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Cheems Market</title>
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popup.css">
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
</div>
<div class="MidMain">
<div class="secMain secMainAlt">
<div class="containerMain">
<div class="secMainInside">
<div class="checkoutMain">
<div class="checkoutMainTop">
<div class="checkoutMainTopTitle">
<h2 class="checkoutMainTopTitleHeading">Checkout</h2>
</div>
</div>
<div class="checkoutMainInside">
<div class="checkoutMainInsideSec checkoutMainInsideSecBody">
<div class="checkoutMainInsideSecBodyCard">
<div class="checkoutMainInsideSecBodyCardTop">
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopName"><a class="checkoutMainInsideSecBodyCardTopNameText" href="productPage.html">This is a product name, and its clickable / leads to product page</a></div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopPrice">
<p>$420.69</p>
</div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAmount">
<div class="inputWrapper"><input type="number" class="inputMain checkoutMainInsideSecBodyCardTopAmountInput" value="1"></div>
</div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAction"><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnView" type="button"><i class='bx bxs-show btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnTrash" type="button"><i class='bx bxs-trash btnMainIcon'></i></button></div>
</div>
<div class="checkoutMainInsideSecBodyCardBottom">
<div class="checkoutMainInsideSecBodyCardBottomMedia">
<div class="checkoutMainInsideSecBodyCardBottomMediaInside"><img class="checkoutMainInsideSecBodyCardBottomMediaInsideImg" src="https://image.nostr.build/63c350b95198496250ee63d95efe4cabb2bd70e7de4a3ce3505f71c7bd24651b.jpg"></div>
</div>
<div class="checkoutMainInsideSecBodyCardBottomDetails">
<div class="checkoutMainInsideSecBodyCardBottomDetailsSummary">
<p class="checkoutMainInsideSecBodyCardBottomDetailsSummaryText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div><a class="checkoutMainInsideSecBodyCardBottomDetailsStore" href="storePage.html">
<p>Product by: Store name</p>
</a>
</div>
</div>
</div>
<div class="checkoutMainInsideSecBodyCard">
<div class="checkoutMainInsideSecBodyCardTop">
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopName"><a class="checkoutMainInsideSecBodyCardTopNameText" href="productPage.html">This is a product name, and its clickable / leads to product page</a></div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopPrice">
<p>$420.69</p>
</div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAmount">
<div class="inputWrapper"><input type="number" class="inputMain checkoutMainInsideSecBodyCardTopAmountInput" value="1"></div>
</div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAction"><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnView" type="button"><i class='bx bxs-show btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnTrash" type="button"><i class='bx bxs-trash btnMainIcon'></i></button></div>
</div>
<div class="checkoutMainInsideSecBodyCardBottom">
<div class="checkoutMainInsideSecBodyCardBottomMedia">
<div class="checkoutMainInsideSecBodyCardBottomMediaInside"><img class="checkoutMainInsideSecBodyCardBottomMediaInsideImg" src="https://image.nostr.build/63c350b95198496250ee63d95efe4cabb2bd70e7de4a3ce3505f71c7bd24651b.jpg"></div>
</div>
<div class="checkoutMainInsideSecBodyCardBottomDetails">
<div class="checkoutMainInsideSecBodyCardBottomDetailsSummary">
<p class="checkoutMainInsideSecBodyCardBottomDetailsSummaryText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div><a class="checkoutMainInsideSecBodyCardBottomDetailsStore" href="storePage.html">
<p>Product by: Store name</p>
</a>
</div>
</div>
</div>
<div class="checkoutMainInsideSecBodyCard">
<div class="checkoutMainInsideSecBodyCardTop">
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopName"><a class="checkoutMainInsideSecBodyCardTopNameText" href="productPage.html">This is a product name, and its clickable / leads to product page</a></div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopPrice">
<p>$420.69</p>
</div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAmount">
<div class="inputWrapper"><input type="number" class="inputMain checkoutMainInsideSecBodyCardTopAmountInput" value="1"></div>
</div>
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAction"><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnView" type="button"><i class='bx bxs-show btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnTrash" type="button"><i class='bx bxs-trash btnMainIcon'></i></button></div>
</div>
<div class="checkoutMainInsideSecBodyCardBottom">
<div class="checkoutMainInsideSecBodyCardBottomMedia">
<div class="checkoutMainInsideSecBodyCardBottomMediaInside"><img class="checkoutMainInsideSecBodyCardBottomMediaInsideImg" src="https://image.nostr.build/63c350b95198496250ee63d95efe4cabb2bd70e7de4a3ce3505f71c7bd24651b.jpg"></div>
</div>
<div class="checkoutMainInsideSecBodyCardBottomDetails">
<div class="checkoutMainInsideSecBodyCardBottomDetailsSummary">
<p class="checkoutMainInsideSecBodyCardBottomDetailsSummaryText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div><a class="checkoutMainInsideSecBodyCardBottomDetailsStore" href="storePage.html">
<p>Product by: Store name</p>
</a>
</div>
</div>
</div>
</div>
<div class="checkoutMainInsideSec checkoutMainInsideSecSide">
<div class="checkoutMainInsideSecSideSecWrapper">
<div class="checkoutMainInsideSecSideSec checkoutMainInsideSecSideSecAlt">
<div class="checkoutMainInsideSecSideSecInfo">
<div class="checkoutMainInsideSecSideSecInfoSec">
<p class="checkoutMainInsideSecSideSecInfoSecText1">Initial total</p>
<p class="checkoutMainInsideSecSideSecInfoSecText2">$1,262.07</p>
</div>
<div class="checkoutMainInsideSecSideSecInfoSec">
<p class="checkoutMainInsideSecSideSecInfoSecText1">Tax</p>
<p class="checkoutMainInsideSecSideSecInfoSecText2">%10</p>
</div>
<div class="checkoutMainInsideSecSideSecInfoDivider"></div>
<div class="checkoutMainInsideSecSideSecInfoSec">
<p class="checkoutMainInsideSecSideSecInfoSecText1">Final total</p>
<p class="checkoutMainInsideSecSideSecInfoSecText2">$1,388.28</p>
</div>
<div class="checkoutMainInsideSecSideSecInfoActions"><button class="btnMain checkoutMainInsideSecSideSecInfoActionsBtnAlt" type="button"><i class='bx bxl-bitcoin btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecSideSecInfoActionsBtn" type="button">Purchase</button></div>
</div>
</div>
<div class="checkoutMainInsideSecSideSec">
<p class="checkoutMainInsideSecSideSecNoteText">Notice 1: Your cart is saved locally on your device. Meaning your.. etc (unless it can be saved on relays?)</p>
<p class="checkoutMainInsideSecSideSecNoteText">Notice 2: You can only purchase products from one store (or not? don't know about the technicalities of this)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMain">
<div class="BottomMainInside">
<div class="BottomMainInsideTop">
<div class="containerMain">
<div class="BottomMainInsideTopInside">
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecLeft"><img class="BottomMainInsideTopInsideSecLogo" src="Nostr Dev Logo Mark.svg">
<p style="font-weight: 800;text-align: center;font-size: 30px;line-height: 1;color: #ff9900;">CHEEMS MARKET</p>
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
<p class="BottomMainInsideTopInsideSecRightText">text</p>
<div class="BottomMainInsideTopInsideSecRightSocials"><a role="button" class="btnMain BottomMainInsideTopInsideSecRightSocialsBtn" href="#"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMainInsideBottom">
<div class="containerMain">
<div class="BottomMainInsideBottomInside">
<p class="BottomMainInsideBottomInsideText">Copyright&nbsp;© <script>document.write(new Date().getFullYear())</script>&nbsp;<a class="BottomMainInsideBottomInsideTextLink" href="#">Chems</a>&nbsp;All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</a>
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="userPageInfoPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>User's Bio</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidStoreProfile">
<div class="popupMainSecInsideBoxMidStoreProfileDescription">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"></div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>
</html>

348
public/createProduct.html Normal file
View File

@ -0,0 +1,348 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Cheems Market</title>
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popup.css">
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
</div>
<div class="MidMain">
<div class="secMain secMainAlt">
<div class="containerMain">
<div class="secMainInside">
<div class="createStoreMain">
<div class="createStoreMainTitle">
<div class="createStoreMainTitleInfo">
<h2>Create a product listing</h2>
<p>Here's where you can create a brand new product listing associate with your store and/or your profile</p>
</div>
</div>
<div class="createStoreMainSec createStoreMainSecAlt">
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Product name</label>
<p class="inputMainLabelExtra">Think of a name that best describe what you might be selling</p>
<div class="inputWrapper"><input type="text" class="inputMain" placeholder="Ex: Best product name"></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Type</label>
<p class="inputMainLabelExtra">Tell users what type of product are you selling</p>
<div class="dropdown dropdownMain"><button class="dropdown-toggle btnMain dropdownMainBtn" aria-expanded="false" data-bs-toggle="dropdown" type="button">Digital</button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="#">Digital</a><a class="dropdown-item dropdownMainMenuItem" href="#">Physic</a></div>
</div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Short summary</label>
<p class="inputMainLabelExtra">Write a short summary of your product that tells people what you're selling</p>
<div class="inputWrapper"><textarea class="inputMain inputMainArea" placeholder="A short sentance describing your product"></textarea></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Full description</label>
<p class="inputMainLabelExtra">Fully share what your product is</p>
<div class="inputWrapper"><textarea class="inputMain inputMainArea" placeholder="The full description of your product"></textarea></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Tags</label>
<p class="inputMainLabelExtra">Separate each tag with a comma (Example: tag1, tag2, tag3)</p>
<div class="inputWrapper"><input type="text" class="inputMain" placeholder="tag1, tag2, tag3"></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Delivery</label>
<p class="inputMainLabelExtra">Can you deliver this product to your customers?</p>
<div class="inputWrapper"><input type="text" class="inputMain" placeholder="text"></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Sell under</label>
<p class="inputMainLabelExtra">Tell users what type of product are you selling</p>
<div class="dropdown dropdownMain"><button class="dropdown-toggle btnMain dropdownMainBtn" aria-expanded="false" data-bs-toggle="dropdown" type="button">Store:&nbsp;<strong>StoreName</strong></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="#">Current profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Store: Name</a><a class="dropdown-item dropdownMainMenuItem" href="#">Store: Name</a></div>
</div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Featured short video</label>
<p class="inputMainLabelExtra">Add 10 to 30 second vvideo to showcase your product</p>
<div class="inputWrapper"><input type="url" class="inputMain" placeholder="https://example.com/video.mp4"><button class="btnMain inputMainBtn" type="button"><i class='bx bxs-cloud-upload btnMainIcon'></i></button></div>
</div>
</div>
<div class="createStoreMainSecBox createStoreMainSecBoxFull">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Featured image</label>
<p class="inputMainLabelExtra">Add a banner image, one that would help make your store visually distinct</p>
<div class="inputWrapper"><input type="url" class="inputMain" placeholder="https://example.com/image.jpg"><button class="btnMain inputMainBtn" type="button"><i class='bx bxs-cloud-upload btnMainIcon'></i></button></div>
</div>
</div>
<div class="createStoreMainSecBox createStoreMainSecBoxFull">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Product images</label>
<p class="inputMainLabelExtra">Add multiple images of your product to better showcase it</p>
<div class="inputWrapper"><input type="url" class="inputMain" placeholder="https://example.com/image.jpg"><button class="btnMain inputMainBtn" type="button"><i class='bx bxs-cloud-upload btnMainIcon'></i></button></div><button class="btnMain createStoreMainSecBoxInsideBtn" type="button">Add another field</button>
</div>
</div>
</div>
<div class="createStoreMainActions">
<p class="createStoreMainActionsText">Everything in order and ready to publish your product listing?</p><button class="btnMain createStoreMainActionsBtn" type="button">Publish product</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMain">
<div class="BottomMainInside">
<div class="BottomMainInsideTop">
<div class="containerMain">
<div class="BottomMainInsideTopInside">
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecLeft"><img class="BottomMainInsideTopInsideSecLogo" src="Nostr Dev Logo Mark.svg">
<p style="font-weight: 800;text-align: center;font-size: 30px;line-height: 1;color: #ff9900;">CHEEMS MARKET</p>
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
<p class="BottomMainInsideTopInsideSecRightText">text</p>
<div class="BottomMainInsideTopInsideSecRightSocials"><a role="button" class="btnMain BottomMainInsideTopInsideSecRightSocialsBtn" href="#"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMainInsideBottom">
<div class="containerMain">
<div class="BottomMainInsideBottomInside">
<p class="BottomMainInsideBottomInsideText">Copyright&nbsp;© <script>document.write(new Date().getFullYear())</script>&nbsp;<a class="BottomMainInsideBottomInsideTextLink" href="#">Chems</a>&nbsp;All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</a>
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="userPageInfoPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>User's Bio</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidStoreProfile">
<div class="popupMainSecInsideBoxMidStoreProfileDescription">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"></div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>
</html>

340
public/createStore.html Normal file
View File

@ -0,0 +1,340 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Cheems Market</title>
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popup.css">
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
</div>
<div class="MidMain">
<div class="secMain secMainAlt">
<div class="containerMain">
<div class="secMainInside">
<div class="createStoreMain">
<div class="createStoreMainTitle">
<div class="createStoreMainTitleInfo">
<h2>Create a store page</h2>
<p>Here's where you can create a brand new store page associate with your profile</p>
</div>
</div>
<div class="createStoreMainSec createStoreMainSecAlt">
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Store name</label>
<p class="inputMainLabelExtra">Think of a name that best describe what you might be selling</p>
<div class="inputWrapper"><input type="text" class="inputMain" placeholder="Ex: Best store name"></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Type</label>
<p class="inputMainLabelExtra">Tell users what type of store are you and what kind of products do you sell</p>
<div class="dropdown dropdownMain"><button class="dropdown-toggle btnMain dropdownMainBtn" aria-expanded="false" data-bs-toggle="dropdown" type="button">Digital</button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="#">Digital</a><a class="dropdown-item dropdownMainMenuItem" href="#">Physic</a><a class="dropdown-item dropdownMainMenuItem" href="#">Digital &amp; Physical</a></div>
</div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Short summary</label>
<p class="inputMainLabelExtra">Write a short summary of your store that tells people who you sell</p>
<div class="inputWrapper"><textarea class="inputMain inputMainArea" placeholder="A short sentance describing your store"></textarea></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Full description</label>
<p class="inputMainLabelExtra">Fully share what your store is about, what it sells, and how it serves your customers</p>
<div class="inputWrapper"><textarea class="inputMain inputMainArea" placeholder="The full description of your store"></textarea></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Tags</label>
<p class="inputMainLabelExtra">Separate each tag with a comma (Example: tag1, tag2, tag3)</p>
<div class="inputWrapper"><input type="text" class="inputMain" placeholder="tag1, tag2, tag3"></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Categories</label>
<p class="inputMainLabelExtra">Separate each category with a comma (Example: category1, category2, category2)</p>
<div class="inputWrapper"><input type="text" class="inputMain" placeholder="category1, category2, category2"></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Store profile picture</label>
<p class="inputMainLabelExtra">Add a profile picture image to the store</p>
<div class="inputWrapper"><input type="url" class="inputMain" placeholder="https://example.com/image.jpg"><button class="btnMain inputMainBtn" type="button"><i class='bx bxs-cloud-upload btnMainIcon'></i></button></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Banner image</label>
<p class="inputMainLabelExtra">Add banner image, one that would help make your store visually distinct</p>
<div class="inputWrapper"><input type="url" class="inputMain" placeholder="https://example.com/image.jpg"><button class="btnMain inputMainBtn" type="button"><i class='bx bxs-cloud-upload btnMainIcon'></i></button></div>
</div>
</div>
<div class="createStoreMainSecBox">
<div class="inputMainWrapper createStoreMainSecBoxInside"><label class="form-label inputMainLabel">Store location</label>
<p class="inputMainLabelExtra">Where is your store located at?</p>
<div class="inputWrapper"><input type="text" class="inputMain" placeholder="Country, city, etc"></div>
</div>
</div>
</div>
<div class="createStoreMainActions">
<p class="createStoreMainActionsText">Everything in order and ready to publish your store page?</p><button class="btnMain createStoreMainActionsBtn" type="button">Publish store</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMain">
<div class="BottomMainInside">
<div class="BottomMainInsideTop">
<div class="containerMain">
<div class="BottomMainInsideTopInside">
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecLeft"><img class="BottomMainInsideTopInsideSecLogo" src="Nostr Dev Logo Mark.svg">
<p style="font-weight: 800;text-align: center;font-size: 30px;line-height: 1;color: #ff9900;">CHEEMS MARKET</p>
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
<p class="BottomMainInsideTopInsideSecRightText">text</p>
<div class="BottomMainInsideTopInsideSecRightSocials"><a role="button" class="btnMain BottomMainInsideTopInsideSecRightSocialsBtn" href="#"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMainInsideBottom">
<div class="containerMain">
<div class="BottomMainInsideBottomInside">
<p class="BottomMainInsideBottomInsideText">Copyright&nbsp;© <script>document.write(new Date().getFullYear())</script>&nbsp;<a class="BottomMainInsideBottomInsideTextLink" href="#">Chems</a>&nbsp;All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</a>
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="userPageInfoPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>User's Bio</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidStoreProfile">
<div class="popupMainSecInsideBoxMidStoreProfileDescription">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"></div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>
</html>

View File

@ -8,6 +8,8 @@
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
@ -17,10 +19,11 @@
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/store.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
@ -30,25 +33,44 @@
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#"><i class='bx bxs-cart btnMainIcon'></i></a><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
@ -271,7 +293,7 @@
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">text</a></div>
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
@ -291,11 +313,131 @@
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>

View File

@ -8,6 +8,8 @@
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
@ -17,10 +19,11 @@
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/store.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
@ -30,25 +33,44 @@
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#"><i class='bx bxs-cart btnMainIcon'></i></a><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
@ -220,7 +242,7 @@
<div class="userProfileBoxMain">
<div class="userProfileBoxMainBox">
<div class="userProfileBoxMainBanner"><img class="userProfileBoxMainBannerImg" src="https://image.nostr.build/6a014cf10dbc1362eeb03e124b6e99839b1042db3577be34746b6370a5ca2f26.jpg"></div>
<div class="userProfileBoxMainTop"><a class="userProfileBoxMainTopPic" href="#"><img class="userProfileBoxMainTopPicImg" src="https://image.nostr.build/248af40228255b5b0ef27be2f36229f6f9475956e903b90bdbf2f08bc03ac6cf.jpg"></a>
<div class="userProfileBoxMainTop"><a class="userProfileBoxMainTopPic" href="userPage.html"><img class="userProfileBoxMainTopPicImg" src="https://image.nostr.build/248af40228255b5b0ef27be2f36229f6f9475956e903b90bdbf2f08bc03ac6cf.jpg"></a>
<div class="userProfileBoxMainTopDetails">
<p class="userProfileBoxMainTopDetailsName">name</p>
<p class="userProfileBoxMainTopDetailsBio">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
@ -231,12 +253,12 @@
<div class="wotMain wotMainAlt">
<div class="wotMainSec">
<p>Followed by (Cheem's network)</p>
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
@ -245,12 +267,12 @@
</div>
<div class="wotMainSec">
<p>Also by (Your network)</p>
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
@ -424,7 +446,7 @@
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">text</a></div>
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
@ -444,11 +466,131 @@
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>

View File

@ -8,6 +8,8 @@
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
@ -17,10 +19,11 @@
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/store.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
@ -30,25 +33,44 @@
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#"><i class='bx bxs-cart btnMainIcon'></i></a><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
@ -210,7 +232,7 @@
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">text</a></div>
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
@ -230,11 +252,131 @@
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>

View File

@ -8,6 +8,8 @@
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
@ -17,10 +19,11 @@
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/store.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
@ -30,25 +33,44 @@
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#"><i class='bx bxs-cart btnMainIcon'></i></a><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
@ -70,17 +92,17 @@
</div>
<div class="storeMainMidInsideSec storeMainMidInsideSecAlt">
<div class="storeMainMidInsideSecUser">
<p class="storeMainMidInsideSecUserText">Store by:<a class="storeMainMidInsideSecUserTextLink" href="#">User's Name</a></p><button class="btnMain storeMainMidInsideSecUserBtn storeMainMidInsideSecUserBtnActive" type="button">Following</button>
<p class="storeMainMidInsideSecUserText">Store by:<a class="storeMainMidInsideSecUserTextLink" href="userPage.html">User's Name</a></p><button class="btnMain storeMainMidInsideSecUserBtn storeMainMidInsideSecUserBtnActive" type="button">Following</button>
</div>
<div class="wotMain">
<div class="wotMainSec">
<p>Followed by (Cheem's network)</p>
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
@ -89,12 +111,12 @@
</div>
<div class="wotMainSec">
<p>Also by (Your network)</p>
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
@ -265,7 +287,7 @@
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">text</a></div>
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
@ -289,7 +311,7 @@
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox popupMainSecInsideBoxAlt">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Jimmy's Long Smokes</h3>
@ -297,10 +319,8 @@
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidStoreProfile">
<div></div>
<div><iframe allowfullscreen="" frameborder="0" width="560" height="315"></iframe></div>
<div>
<p>Paragraph</p>
<div class="popupMainSecInsideBoxMidStoreProfileDescription">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
@ -310,11 +330,131 @@
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>

View File

@ -8,6 +8,8 @@
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
@ -17,10 +19,11 @@
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/store.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
@ -30,25 +33,44 @@
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#"><i class='bx bxs-cart btnMainIcon'></i></a><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
@ -214,7 +236,7 @@
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">text</a></div>
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
@ -234,11 +256,131 @@
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>

456
public/userPage.html Normal file
View File

@ -0,0 +1,456 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Cheems Market</title>
<meta name="twitter:title" content="Cheems Market">
<meta property="og:title" content="Cheems Market">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.css">
<link rel="stylesheet" href="assets/css/filters.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/listings.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popup.css">
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body class="bodyMain">
<div class="TopMain">
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<div class="navMainSec navMainSecMid">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">Dashboard</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
<p class="navMainSecLogoText">CHEEMS MARKET</p>
</a></div>
<div class="navMainSec navMainSecMobile">
<div class="navMainSecLinksSocial"><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
</div>
<div class="MidMain">
<div class="secMain secMainAlt">
<div class="containerMain">
<div class="secMainInside">
<div class="profileMain">
<div class="profileMainSec profileMainSecSide">
<div class="profileMainSecInside profileMainSecInsideSide">
<div class="profileMainSecInsideSideBox profileMainSecInsideSideBoxAlt2">
<div class="profileMainSecInsideSideBoxProfile">
<div class="profileMainSecInsideSideBoxProfileMedia">
<div class="profileMainSecInsideSideBoxProfileMediaBanner"><img class="profileMainSecInsideSideBoxProfileMediaBannerImg" src="https://image.nostr.build/6a014cf10dbc1362eeb03e124b6e99839b1042db3577be34746b6370a5ca2f26.jpg"></div>
<div class="profileMainSecInsideSideBoxProfileMediaPic"><img class="profileMainSecInsideSideBoxProfileMediaPicImg" src="https://image.nostr.build/248af40228255b5b0ef27be2f36229f6f9475956e903b90bdbf2f08bc03ac6cf.jpg"></div>
</div>
<div class="profileMainSecInsideSideBoxProfileDetails">
<div class="profileMainSecInsideSideBoxProfileDetailsNames">
<p class="profileMainSecInsideSideBoxProfileDetailsNamesName">Name</p>
<p class="profileMainSecInsideSideBoxProfileDetailsNamesName">Handle@domain.com</p>
</div>
<div class="profileMainSecInsideSideBoxProfileDetailsAddresses">
<div class="inputWrapper filtersMainSecBoxInput"><input type="text" class="inputMain" value="nPubAddress" readonly=""><button class="btnMain inputMainBtn" type="button"><i class='bx bxs-copy btnMainIcon'></i></button></div>
<div class="inputWrapper filtersMainSecBoxInput"><input type="text" class="inputMain" value="nProfileAddress" readonly=""><button class="btnMain inputMainBtn" type="button"><i class='bx bxs-copy btnMainIcon'></i></button></div>
</div>
<div class="profileMainSecInsideSideBoxProfileDetailsBio">
<p class="profileMainSecInsideSideBoxProfileDetailsBioText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><button id="userPageInfoPopupTrigger" class="btnMain profileMainSecInsideSideBoxProfileDetailsBioBtn" type="button">Read full</button>
</div>
</div>
<div class="profileMainSecInsideSideBoxProfileLinks"><a role="button" class="btnMain profileMainSecInsideSideBoxProfileLinksLink" target="_blank"><i class='bx bx-globe btnMainIcon'></i></a><button class="btnMain profileMainSecInsideSideBoxProfileLinksLink" type="button"><i class='bx bxs-bolt btnMainIcon'></i></button><button class="btnMain profileMainSecInsideSideBoxProfileLinksLink" type="button"><i class='bx bxs-tree-alt btnMainIcon'></i></button><a role="button" class="btnMain profileMainSecInsideSideBoxProfileLinksLink" href="storePage.html"><i class='bx bxs-store-alt btnMainIcon'></i></a></div>
<div class="profileMainSecInsideSideBoxProfileAction"><button class="btnMain profileMainSecInsideSideBoxProfileActionBtn profileMainSecInsideSideBoxProfileActionBtnActive" type="button">Following</button></div>
</div>
</div>
<div class="profileMainSecInsideSideBox profileMainSecInsideSideBoxAlt2">
<div class="wotMain wotMainAlt">
<div class="wotMainSec">
<p>Followed by (Cheem's network)</p>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
</div>
</a></div>
</div>
<div class="wotMainSec">
<p>Also by (Your network)</p>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
</div>
</a></div>
</div>
</div>
</div>
<div class="profileMainSecInsideSideBox profileMainSecInsideSideBoxAlt2"><button class="btnMain profileMainSecInsideSideBoxBtn" type="button"><i class='bx bxs-box btnMainIcon'></i>Purchases</button><button class="btnMain profileMainSecInsideSideBoxBtn" type="button"><i class='bx bxs-star btnMainIcon'></i>Wishlist</button><button class="btnMain profileMainSecInsideSideBoxBtn profileMainSecInsideSideBoxBtnActive" type="button"><i class='bx bxs-user-circle btnMainIcon'></i>Edit profile</button><button class="btnMain profileMainSecInsideSideBoxBtn" type="button"><i class='bx bxs-server btnMainIcon'></i>Relays</button></div>
</div>
</div>
<div class="profileMainSec profileMainSecBody">
<div class="profileMainSecInside profileMainSecInsideBody">
<div class="profileMainSecInsideBodyBox">
<div class="profileMainSecInsideBodyBoxInfo">
<div class="profileMainSecInsideBodyBoxInfoText">
<h3 class="profileMainSecInsideBodyBoxInfoTextHeading">Stores and products</h3>
</div>
</div>
</div>
<div class="profileMainSecInsideBodyBox">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementActive">
<p class="tabsMainTopElementText">Stores</p>
</div>
<div class="tabsMainTopElement">
<p class="tabsMainTopElementText">Products</p>
</div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementAlt tabsMainMidElementActive">
<div class="secMainInsideGrid secMainInsideGrid3"><a class="createStoreProductCardMain" href="createStore.html"><i class='bx bxs-store-alt btnMainIcon createStoreProductCardMainIcon'></i>
<p class="createStoreProductCardMainText">Create new Store</p>
</a>
<div class="storeCardMain">
<div class="storeCardMainInside">
<div class="storeCardMainInsideTop">
<div class="storeCardMainInsideTopPicture"><img class="storeCardMainInsideTopPictureImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"><i class='bx bxs-store-alt storeCardMainInsideTopIcon'></i></div>
<div class="storeCardMainInsideTopProducts"><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
<div class="storeCardMainInsideTopProductsPictureDetails">
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
</div>
</a><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
<div class="storeCardMainInsideTopProductsPictureDetails">
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
</div>
</a><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
<div class="storeCardMainInsideTopProductsPictureDetails">
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
</div>
</a></div>
<div class="storeCardMainInsideTopDetails">
<div class="storeCardMainInsideTopDetailsTop"></div>
<div class="storeCardMainInsideTopDetailsBottom">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-map storeCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">Online</p>
</div>
</div>
</div>
</div>
<div class="storeCardMainInsideMid">
<h3 class="storeCardMainInsideMidTitle">Jimmy's Long Smokes</h3>
<p class="storeCardMainInsideMidText">Need a smoke? A specific kind of smoke? We got it. We got the long, the short, the thick and thin, the brown and black. We have them all.</p>
</div>
<div class="storeCardMainInsideBot"><a role="button" class="btnMain storeCardMainInsideBotBtn storeCardMainInsideBotBtnAlt" href="createStore.html"><i class='bx bxs-cog btnMainIcon'></i></a><a role="button" class="btnMain storeCardMainInsideBotBtn" href="storePage.html">Visit stall</a></div>
</div>
</div>
</div>
<div class="paginationMain">
<div class="paginationMainInside"><button class="btnMain paginationMainInsideBtn" type="button"><i class='bx bx-chevron-left btnMainIcon'></i></button>
<div class="paginationMainInsideDivider"></div>
<div class="paginationMainInsideNumbers"><button class="btnMain paginationMainInsideNumbersBtn paginationMainInsideNumbersBtnActive" type="button">1</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">2</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">3</button></div>
<div class="paginationMainInsideDivider"></div><button class="btnMain paginationMainInsideBtn" type="button"><i class='bx bx-chevron-right btnMainIcon'></i></button>
</div>
</div>
</div>
<div class="tabsMainMidElement tabsMainMidElementAlt">
<div class="secMainInsideGrid secMainInsideGrid3"><a class="createStoreProductCardMain" href="createProduct.html"><i class='bx bxs-cart btnMainIcon createStoreProductCardMainIcon'></i>
<p class="createStoreProductCardMainText">Create new product</p>
</a>
<div class="productCardMain">
<div class="productCardMainInside">
<div class="productCardMainInsideTop">
<div class="productCardMainInsideTopVideo"><video class="productCardMainInsideTopVideoClip" width="100%" height="100%" src="https://video.nostr.build/25c9ca9e7564bb77ee37de6b196de287abd2dffaa7fd61bce9578bd07b567b2d.mp4" loop="" autoplay="" muted=""></video></div>
<div class="productCardMainInsideTopPicture"><img class="productCardMainInsideTopPictureImg" src="https://image.nostr.build/b02884479214ea14d4c8d365d5172b91e0bfd280dbc54e2a6f43b8861c5f5d1a.jpg"><i class='bx bxs-purchase-tag storeCardMainInsideTopIcon'></i></div>
<div class="storeCardMainInsideTopDetails">
<div class="storeCardMainInsideTopDetailsTop">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-truck productCardMainInsideTopDetailsTagIcon'></i></div>
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-purchase-tag productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">Physical</p>
</div>
</div>
<div class="storeCardMainInsideTopDetailsBottom">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-map productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText"><strong>USA: Texas</strong></p>
</div>
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bx-walk productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">2-5 km</p>
</div>
</div>
</div>
</div>
<div class="productCardMainInsideMid">
<h3 class="productCardMainInsideMidTitle">PS5 (2 months used)</h3>
</div>
<div class="productCardMainInsideStore"><a class="productCardMainInsideStoreLink" href="storePage.html"><i class='bx bxs-store-alt productCardMainInsideStoreLinkIcon'></i>
<div class="productCardMainInsideStoreLinkDivider"></div>
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
</a></div>
<div class="productCardMainInsideBot"><a role="button" class="btnMain storeCardMainInsideBotBtn storeCardMainInsideBotBtnAlt" href="createStore.html"><i class='bx bxs-cog btnMainIcon'></i></a><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html"><span class="productCardMainInsideBotBtnSpan productCardMainInsideBotBtnSpanAlt">in stock</span><span class="productCardMainInsideBotBtnSpan">$30,000.69</span></a></div>
</div>
</div>
</div>
<div class="paginationMain">
<div class="paginationMainInside"><button class="btnMain paginationMainInsideBtn" type="button"><i class='bx bx-chevron-left btnMainIcon'></i></button>
<div class="paginationMainInsideDivider"></div>
<div class="paginationMainInsideNumbers"><button class="btnMain paginationMainInsideNumbersBtn paginationMainInsideNumbersBtnActive" type="button">1</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">2</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">3</button></div>
<div class="paginationMainInsideDivider"></div><button class="btnMain paginationMainInsideBtn" type="button"><i class='bx bx-chevron-right btnMainIcon'></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMain">
<div class="BottomMainInside">
<div class="BottomMainInsideTop">
<div class="containerMain">
<div class="BottomMainInsideTopInside">
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecLeft"><img class="BottomMainInsideTopInsideSecLogo" src="Nostr Dev Logo Mark.svg">
<p style="font-weight: 800;text-align: center;font-size: 30px;line-height: 1;color: #ff9900;">CHEEMS MARKET</p>
</div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
</div>
<div class="BottomMainInsideTopInsideSec">
<div class="BottomMainInsideTopInsideSecRight">
<p class="BottomMainInsideTopInsideSecRightText">text</p>
<div class="BottomMainInsideTopInsideSecRightSocials"><a role="button" class="btnMain BottomMainInsideTopInsideSecRightSocialsBtn" href="#"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="BottomMainInsideBottom">
<div class="containerMain">
<div class="BottomMainInsideBottomInside">
<p class="BottomMainInsideBottomInsideText">Copyright&nbsp;© <script>document.write(new Date().getFullYear())</script>&nbsp;<a class="BottomMainInsideBottomInsideTextLink" href="#">Chems</a>&nbsp;All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</div>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<div class="navMainSecLinks">
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"><a class="navMainSecLinksSocialLink" href="#">
<div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
</a>
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="userPageInfoPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>User's Bio</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidStoreProfile">
<div class="popupMainSecInsideBoxMidStoreProfileDescription">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom"></div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/categoryDrop.js"></script>
<script src="assets/js/checkboxBetter.js"></script>
<script src="assets/js/expandList.js"></script>
<script src="assets/js/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>
</html>