Removed remains of the shop, removed Ko-Fi applet
This commit is contained in:
Hamza Ahmed
+1
-1
@@ -7,7 +7,7 @@ variables:
|
||||
# Major - Shouldn't change often, Big changes to the site
|
||||
# Minor - starts from 0 when Major is incremented +1 for each version that goes public
|
||||
# Release - For each time a development milestone is reached
|
||||
VERSION: 1.2.6
|
||||
VERSION: 1.2.7
|
||||
BUILD: 1 # If set to 0 gitlab will not build the image
|
||||
IMAGE_TAG: $CI_REGISTRY_IMAGE:$VERSION
|
||||
|
||||
|
||||
@@ -1,83 +0,0 @@
|
||||
:root{
|
||||
--cl-color-primary: var(--tertiary);
|
||||
--cl-color-white: var(--content);
|
||||
}
|
||||
|
||||
cl-availability-status[aria-disabled=true],cl-identity-status[aria-disabled=true]{
|
||||
display:none
|
||||
}
|
||||
|
||||
cl-price-amount{
|
||||
color: var(--purple);
|
||||
font-size:1em;
|
||||
font-weight:600;
|
||||
line-height:1.5em
|
||||
}
|
||||
|
||||
cl-price-amount[type=compare-at]{
|
||||
color: var(--content);
|
||||
font-size:.875em;
|
||||
font-weight:300;
|
||||
line-height:1.25em;
|
||||
text-decoration:line-through
|
||||
}
|
||||
|
||||
cl-price-amount[type=compare-at]::part(strikethrough){
|
||||
text-decoration:none
|
||||
}
|
||||
|
||||
cl-add-to-cart{
|
||||
display:inline-block;
|
||||
background-image:none;
|
||||
border:none;
|
||||
font-weight:600;
|
||||
color:var(--cl-color-white);
|
||||
padding:.75rem 1rem .75rem 1rem;
|
||||
border-radius: var(--radius);
|
||||
background-color: var(--cl-color-primary);
|
||||
cursor:default;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
cl-add-to-cart:not([aria-disabled=true]){
|
||||
background-color:var(--cl-color-primary);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
cl-cart-link,.cl-cart-link{
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
cl-cart-link cl-cart-count,.cl-cart-link cl-cart-count{
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
right:0;
|
||||
font-size:.5rem;
|
||||
border-radius:50%;
|
||||
background-color:var(--cl-color-primary);
|
||||
min-width:1rem;
|
||||
height:1rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
color:var(--cl-color-white);
|
||||
transform:translate(120%, 0%);
|
||||
padding:.2rem;
|
||||
}
|
||||
|
||||
cl-cart-link cl-cart-count[hide-when-empty=""],cl-cart-link cl-cart-count[hide-when-empty=true],.cl-cart-link cl-cart-count[hide-when-empty=""],.cl-cart-link cl-cart-count[hide-when-empty=true]{
|
||||
opacity:0
|
||||
}
|
||||
|
||||
cl-cart-link cl-cart-count[quantity],.cl-cart-link cl-cart-count[quantity]{
|
||||
transition:opacity .3s;opacity:1
|
||||
}
|
||||
|
||||
cl-cart-link svg~cl-cart-count,.cl-cart-link svg~cl-cart-count{
|
||||
bottom:0%;
|
||||
right:0%;
|
||||
transform:translate(30%, 0%);
|
||||
}
|
||||
@@ -1,69 +0,0 @@
|
||||
cl-cart[type=mini]{
|
||||
--cl-cart-mini-backdrop-bg: #000;
|
||||
--cl-cart-mini-backdrop-opacity: 0.4;
|
||||
--cl-cart-mini-backdrop-shadow: -1px 0px 10px rgba(0, 0, 0, .3);
|
||||
--cl-cart-mini-modal-z-index: 100;
|
||||
--cl-cart-mini-modal-bg: #fff;
|
||||
--cl-cart-mini-modal-width: 400px;
|
||||
--cl-cart-mini-modal-max-width: calc(100vw - 40px);
|
||||
--cl-cart-mini-transition-duration: .3s;
|
||||
--cl-cart-mini-transition-timing-function: ease-in-out;
|
||||
display:flex;
|
||||
cursor:auto;
|
||||
position:fixed;
|
||||
z-index:var(--cl-cart-mini-modal-z-index);
|
||||
top:0;
|
||||
width:var(--cl-cart-mini-modal-width);
|
||||
max-width:var(--cl-cart-mini-modal-max-width);
|
||||
height:100%;
|
||||
pointer-events:none;
|
||||
box-sizing:border-box;
|
||||
box-shadow:none;
|
||||
transition:box-shadow var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
|
||||
}
|
||||
|
||||
cl-cart[type=mini]::before,cl-cart[type=mini]::after{
|
||||
position:fixed;
|
||||
content:" ";
|
||||
opacity:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
top:0;
|
||||
right:0;
|
||||
z-index:-1;
|
||||
transition:opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
|
||||
}
|
||||
|
||||
cl-cart[type=mini]::before{
|
||||
background:var(--cl-cart-mini-backdrop-bg)
|
||||
}
|
||||
|
||||
cl-cart[type=mini]::after{
|
||||
position:fixed;
|
||||
width:var(--cl-cart-mini-modal-width);
|
||||
max-width:var(--cl-cart-mini-modal-max-width);
|
||||
box-shadow:var(--cl-cart-mini-backdrop-shadow)
|
||||
}
|
||||
|
||||
cl-cart[type=mini],cl-cart[type=mini]::after{
|
||||
right:calc(var(--cl-cart-mini-modal-width)*-1 + 0px);
|
||||
transition:right var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function),opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
|
||||
}
|
||||
|
||||
cl-cart[type=mini][open]:not([open=false]){
|
||||
right:0;
|
||||
pointer-events:initial
|
||||
}
|
||||
|
||||
cl-cart[type=mini][open]:not([open=false])::before{
|
||||
opacity:var(--cl-cart-mini-backdrop-opacity)
|
||||
}
|
||||
|
||||
cl-cart[type=mini][open]:not([open=false])::after{
|
||||
right:0;
|
||||
opacity:1
|
||||
}
|
||||
|
||||
body.cl-cart--open{
|
||||
overflow:hidden
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
.hero {
|
||||
text-align: center;
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.hero img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.product-details {
|
||||
background-color: #333;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.prodStock {
|
||||
padding: 20px 0 20px 0;
|
||||
}
|
||||
|
||||
.related-products {
|
||||
background-color: #333;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.shopping-links {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.shopping-links a {
|
||||
color: var(--secondary);
|
||||
text-decoration: underline;
|
||||
display: inline-block;
|
||||
padding: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
@@ -1,68 +0,0 @@
|
||||
.productList {
|
||||
display: inline-grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
grid-auto-rows: 400px;
|
||||
grid-gap: 30px 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.product {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
background-color: var(--entry);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
text-align: center;
|
||||
padding: var(--gap);
|
||||
}
|
||||
img{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.prodImage {
|
||||
display:block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
border-radius: var(--radius);
|
||||
overflow-clip-margin: content-box;
|
||||
overflow: clip;
|
||||
padding-bottom: 10px
|
||||
}
|
||||
.prodStock {
|
||||
color: var(--green);
|
||||
}
|
||||
.shop-nav {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
max-width: calc(var(--nav-width) + var(--gap) * 2);
|
||||
margin-inline-start: auto;
|
||||
margin-inline-end: auto;
|
||||
}
|
||||
.shop-nav li {
|
||||
padding-right:10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 608px) {
|
||||
.productList {
|
||||
grid-template-columns: auto auto auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 609px) {
|
||||
.productList {
|
||||
grid-template-columns: auto auto auto auto;
|
||||
}
|
||||
.shop-nav {
|
||||
justify-content: flex-end
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) {
|
||||
.productList {
|
||||
grid-template-columns: auto auto auto auto auto;
|
||||
}
|
||||
}
|
||||
@@ -75,8 +75,6 @@ params:
|
||||
buttons:
|
||||
- name: posts
|
||||
url: posts
|
||||
- name: shop
|
||||
url: https://shop.ahmza.com
|
||||
- name: archive
|
||||
url: archive
|
||||
|
||||
@@ -130,10 +128,6 @@ menu:
|
||||
name: tags
|
||||
url: /tags/
|
||||
weight: 20
|
||||
- identifier: shop
|
||||
name: shop
|
||||
url: https://shop.ahmza.com
|
||||
weight: 30
|
||||
- identifier: contact
|
||||
name: contact
|
||||
url: /contact/
|
||||
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
layout: shop
|
||||
title: "Shop"
|
||||
date: 2023-11-11T03:00:04Z
|
||||
draft: false
|
||||
---
|
||||
@@ -1,58 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.Language }}" dir="{{ .Language.LanguageDirection | default "auto" }}">
|
||||
|
||||
<head>
|
||||
{{- partial "head.html" . }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="module" src="https://cdn.jsdelivr.net/npm/@commercelayer/drop-in.js@1.0.0/dist/drop-in/drop-in.esm.js"></script>
|
||||
</head>
|
||||
|
||||
<body class="
|
||||
{{- if eq site.Params.defaultTheme `dark` -}}
|
||||
{{- print " dark" }}
|
||||
{{- end -}}
|
||||
" id="top">
|
||||
{{- partialCached "header.html" . .Page -}}
|
||||
<main class="main">
|
||||
|
||||
{{- block "main" . }}{{ end }}
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<img src="{{ .Params.image }}" alt="Product Image">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p>Description of the product.</p>
|
||||
<button>Shop Now</button>
|
||||
</section>
|
||||
|
||||
<!-- Product Details Section -->
|
||||
<section class="product-details">
|
||||
<h2>Product Details</h2>
|
||||
<p>More detailed description of the product and its features.</p>
|
||||
<ul>
|
||||
<li>Specification 1: Value</li>
|
||||
<li>Specification 2: Value</li>
|
||||
<!-- Add more specifications as needed -->
|
||||
</ul>
|
||||
<p>Price: $XX.XX</p>
|
||||
<button>Add to Cart</button>
|
||||
</section>
|
||||
|
||||
<!-- Image Gallery Section -->
|
||||
<section class="image-gallery">
|
||||
<img src="{{ .Params.image }}" alt="Product Image 1">
|
||||
<img src="{{ .Params.image }}" alt="Product Image 2">
|
||||
<!-- Add more images as needed -->
|
||||
</section>
|
||||
|
||||
<!-- Related Products Section -->
|
||||
<section class="related-products">
|
||||
<h2>Related Products</h2>
|
||||
<!-- Display related products or accessories here -->
|
||||
</section>
|
||||
|
||||
</main>
|
||||
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,97 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.Language }}" dir="{{ .Language.LanguageDirection | default "auto" }}">
|
||||
|
||||
<head>
|
||||
{{- partial "head.html" . }}
|
||||
<script type="module" src="https://cdn.jsdelivr.net/npm/@commercelayer/drop-in.js@1.0.0/dist/drop-in/drop-in.esm.js"></script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
|
||||
<body class="
|
||||
{{- if eq site.Params.defaultTheme `dark` -}}
|
||||
{{- print " dark" }}
|
||||
{{- end -}}
|
||||
" id="top">
|
||||
{{- partialCached "header.html" . .Page -}}
|
||||
<main class="main">
|
||||
<script>
|
||||
(function() {
|
||||
window.commercelayerConfig = {
|
||||
clientId: 'sU2jXv9bJKNyj8Li6bumfgnrGJTrRKHFmkcdtHlmrss',
|
||||
slug: 'ahmza',
|
||||
scope: 'market:15657',
|
||||
returnUrl: 'https://commercelayer.io/blog/composable-commerce-with-micro-frontends'
|
||||
}
|
||||
}());
|
||||
</script>
|
||||
|
||||
<div class=shop-nav-div>
|
||||
<ul class=shop-nav>
|
||||
<li>
|
||||
<cl-identity-status type="guest">
|
||||
<cl-identity-link type="login" target="_parent">
|
||||
Login
|
||||
</cl-identity-link>
|
||||
</cl-identity-status>
|
||||
</li>
|
||||
<li>
|
||||
<cl-identity-status type="customer">
|
||||
<cl-identity-link type="login" target="_parent">
|
||||
Account
|
||||
</cl-identity-link>
|
||||
</cl-identity-status>
|
||||
</li>
|
||||
<li>
|
||||
<cl-cart-link>
|
||||
cart
|
||||
<cl-cart-count hide-when-empty="true"></cl-cart-count>
|
||||
<cl-cart></cl-cart>
|
||||
</cl-cart-link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class=productList>
|
||||
{{ range ( where .Site.RegularPages "Type" "products" ) }}
|
||||
<div class=product>
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<div class=prodImage>
|
||||
<img src="{{ .Params.image }}">
|
||||
</div>
|
||||
<div class=prodTitle>
|
||||
<h4>{{ .Title }}<h4>
|
||||
</div>
|
||||
</a>
|
||||
<div class=prodPrice>
|
||||
<cl-price code="{{ .Params.code }}">
|
||||
<cl-price-amount type="compare-at">.</cl-price-amount>
|
||||
<cl-price-amount type="price">.</cl-price-amount>
|
||||
</cl-price>
|
||||
</div>
|
||||
<div class=prodStock>
|
||||
<cl-availability code="{{ .Params.code }}">
|
||||
<cl-availability-status type="available">
|
||||
• in stock
|
||||
</cl-availability-status>
|
||||
<cl-availability-status type="unavailable">
|
||||
• out of stock
|
||||
</cl-availability-status>
|
||||
</cl-availability>
|
||||
</div>
|
||||
<div class=prodAddToCart>
|
||||
<cl-add-to-cart code="{{ .Params.code }}">
|
||||
Add to cart
|
||||
</cl-add-to-cart>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</main>
|
||||
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
|
||||
<script>
|
||||
kofiWidgetOverlay.draw('ahmza', {
|
||||
'type': 'floating-chat',
|
||||
'floating-chat.donateButton.text': 'Tip',
|
||||
'floating-chat.donateButton.background-color': 'rgb(145, 70, 255)',
|
||||
'floating-chat.donateButton.text-color': '#fff'
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -1,109 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.Language }}" dir="{{ .Language.LanguageDirection | default "auto" }}">
|
||||
|
||||
<head>
|
||||
{{- partial "head.html" . }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="module" src="https://cdn.jsdelivr.net/npm/@commercelayer/drop-in.js@1.0.0/dist/drop-in/drop-in.esm.js"></script>
|
||||
<link href="/css/minicart.css" rel="stylesheet" />
|
||||
<link href="/css/drop-in.css" rel="stylesheet" />
|
||||
<link href="/css/shop.css" rel="stylesheet" />
|
||||
<link href="/css/product.css" rel="stylesheet"/>
|
||||
</head>
|
||||
|
||||
<body class="
|
||||
{{- if eq site.Params.defaultTheme `dark` -}}
|
||||
{{- print " dark" }}
|
||||
{{- end -}}
|
||||
" id="top">
|
||||
{{- partialCached "header.html" . .Page -}}
|
||||
<main class="main">
|
||||
|
||||
<div class=shop-nav-div>
|
||||
<ul class=shop-nav>
|
||||
<li>
|
||||
<cl-identity-status type="guest">
|
||||
<cl-identity-link type="login" target="_parent">
|
||||
Login
|
||||
</cl-identity-link>
|
||||
</cl-identity-status>
|
||||
</li>
|
||||
<li>
|
||||
<cl-identity-status type="customer">
|
||||
<cl-identity-link type="login" target="_parent">
|
||||
Account
|
||||
</cl-identity-link>
|
||||
</cl-identity-status>
|
||||
</li>
|
||||
<li>
|
||||
<cl-cart-link>
|
||||
cart
|
||||
<cl-cart-count hide-when-empty="true"></cl-cart-count>
|
||||
<cl-cart></cl-cart>
|
||||
</cl-cart-link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
window.commercelayerConfig = {
|
||||
clientId: 'sU2jXv9bJKNyj8Li6bumfgnrGJTrRKHFmkcdtHlmrss',
|
||||
slug: 'ahmza',
|
||||
scope: 'market:15657',
|
||||
returnUrl: 'https://commercelayer.io/blog/composable-commerce-with-micro-frontends'
|
||||
}
|
||||
}());
|
||||
</script>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<img src="{{ .Params.image }}" alt="Product Image">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p>{{ .Params.shortdesc }}</p>
|
||||
</section>
|
||||
|
||||
<!-- Product Details Section -->
|
||||
<section class="product-details">
|
||||
{{ .Content }}
|
||||
<div class=prodPrice>
|
||||
<cl-price code="{{ .Params.code }}">
|
||||
<cl-price-amount type="compare-at">.</cl-price-amount>
|
||||
<cl-price-amount type="price">.</cl-price-amount>
|
||||
</cl-price>
|
||||
</div>
|
||||
<div class=prodStock>
|
||||
<cl-availability code="{{ .Params.code }}">
|
||||
<cl-availability-status type="available">
|
||||
• in stock
|
||||
</cl-availability-status>
|
||||
<cl-availability-status type="unavailable">
|
||||
• out of stock
|
||||
</cl-availability-status>
|
||||
</cl-availability>
|
||||
</div>
|
||||
<div class=prodAddToCart>
|
||||
<cl-add-to-cart code="{{ .Params.code }}">
|
||||
Add to cart
|
||||
</cl-add-to-cart>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Related Products Section -->
|
||||
<section class="related-products">
|
||||
<h2>Related Products</h2>
|
||||
<!-- Display related products or accessories here -->
|
||||
</section>
|
||||
|
||||
<!-- Footer Section -->
|
||||
<footer class="shopping-links">
|
||||
<a href="/contact">contact</a>
|
||||
<a href="/shipping">shipping policy</a>
|
||||
<a href="/returns">returns policy</a>
|
||||
</footer>
|
||||
|
||||
</main>
|
||||
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Reference in New Issue
Block a user