Skip to content

Commit

Permalink
get copy
Browse files Browse the repository at this point in the history
  • Loading branch information
@geus-clan
geus-clan committed Apr 7, 2023
1 parent 843705b commit 9d65b28
Show file tree
Hide file tree
Showing 3 changed files with 47 additions and 242 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
20 changes: 10 additions & 10 deletions get-a-copy.css
100644 → 100755
View file
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@
}
}

.get-a-copy-container {
.get--copy-container {
width: 100%;
display: flex;
overflow: auto;
Expand All @@ -102,33 +102,33 @@
justify-content: center;
background-color: #151679;
}
.get-a-copy-text {
.get--copy-text {
color: rgb(0, 12, 255);
align-self: center;
text-align: center;
}
.get-a-copy-text1 {
.get--copy-text1 {
color: #ffffff;
text-transform: capitalize;
}
.get-a-copy-text2 {
.get--copy-text2 {
color: #ffffff;
}
.get-a-copy-text3 {
.get--copy-text3 {
color: #ffffff;
text-transform: capitalize;
}
.get-a-copy-text4 {
.get--copy-text4 {
color: #ffffff;
}
.get-a-copy-text5 {
.get--copy-text5 {
color: #ffffff;
}
.get-a-copy-text6 {
.get--copy-text6 {
color: #ffffff;
text-transform: uppercase;
}
.get-a-copy-container1 {
.get--copy-container1 {
flex: 0 0 auto;
width: 100%;
height: 100px;
Expand All @@ -139,7 +139,7 @@
border-width: 0px;
justify-content: center;
}
.get-a-copy-div {
.get--copy-div {
box-shadow: 0px 0px 10px 1px #3d43af;
border-color: #151679;
border-style: ridge;
Expand Down
269 changes: 37 additions & 232 deletions get-a-copy.html
100644 → 100755
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,242 +56,48 @@
<link href="./get-a-copy.css" rel="stylesheet" />
<script
type="text/javascript"
src="https://unpkg.com/[email protected].11/dist/default/lib.umd.js"
src="https://unpkg.com/[email protected].12/dist/default/lib.umd.js"
></script>

<div class="get-a-copy-container">
<header data-role="Header" class="navigation-header">
<div class="navigation-max-width">
<div class="navigation-nav">
<nav
class="navigation-links-nav navigation-links-root-class-name17"
>
<a
href="index.html"
class="navigation-links-navlink Navigation-Link"
>
<span>HOME</span>
</a>
<span class="navigation-links-text Navigation-Link">
<span>ISSUES</span>
</span>
<a
href="get-a-copy.html"
class="navigation-links-navlink1 Navigation-Link"
>
<span>GET A COPY</span>
</a>
<a
href="contact.html"
class="navigation-links-navlink2 Navigation-Link"
>
<span>CONTACT</span>
</a>
</nav>
</div>
<div data-role="BurgerMenu" class="navigation-burger-menu">
<svg viewBox="0 0 1024 1024" class="navigation-icon">
<path
d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
></path>
</svg>
</div>
<div data-role="MobileMenu" class="mobile-menu">
<div class="navigation-nav1">
<div class="navigation-container">
<div
data-role="CloseMobileMenu"
class="navigation-close-mobile-menu"
>
<svg viewBox="0 0 1024 1024" class="navigation-icon2">
<path
d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
></path>
</svg>
</div>
</div>
<nav
class="navigation-links-nav navigation-links-root-class-name18"
>
<a
href="index.html"
class="navigation-links-navlink Navigation-Link"
>
<span>HOME</span>
</a>
<span class="navigation-links-text Navigation-Link">
<span>ISSUES</span>
</span>
<a
href="get-a-copy.html"
class="navigation-links-navlink1 Navigation-Link"
>
<span>GET A COPY</span>
</a>
<a
href="contact.html"
class="navigation-links-navlink2 Navigation-Link"
>
<span>CONTACT</span>
</a>
</nav>
<button class="button-secondary button button-md">
<span>Get in touch</span>
</button>
</div>
</div>
</div>
<div class="get--copy-container">
<header
data-role="Header"
class="navigation-header navigation-root-class-name2"
>
<nav class="navigation-nav">
<a href="index.html" class="navigation-navlink Navigation-Link">
<span>HOME</span>
</a>
<a
href="get-a-copy.html"
class="navigation-navlink1 Navigation-Link"
>
<span>GET A COPY</span>
</a>
<a href="contact.html" class="navigation-navlink2 Navigation-Link">
<span>CONTACT</span>
</a>
</nav>
</header>
<span></span>
<div class="get-a-copy-container1">
<span>
<span>Get a copy of fool tide shipped to your door :)</span>
<br />
<span>world shipping for 35 kr</span>
<br />
<span class="get-a-copy-text06">SEND US AN EMAIL (</span>
<span class="get-a-copy-text07">TIDEFOOL AT GMAIL DOT COM)</span>
<br class="get-a-copy-text08" />
<br class="get-a-copy-text09" />
<span class="get-a-copy-text10">
OR USE OUR CONVENIENT "PAY WHAT YOU WANT" ORDER FORM BELOW:
</span>
<br class="get-a-copy-text11" />
<span class="get-a-copy-text12">
LET US KNOW HOW MANY COPIES YOU WANT, AND FEEL FREE TO ADD A
MESSAGE TO THE MESSAGE BOARD :)
</span>
<br />
<br />
<br />
</span>
</div>
<span class="get-a-copy-text16">
<br />
<br />
<br />
<br />
<span class="get--copy-text">
<span class="get--copy-text1">ISSUE 2</span>
<br class="get--copy-text2" />
<span class="get--copy-text3">:) Now shipping&nbsp; :)</span>
<br class="get--copy-text4" />
<br class="get--copy-text5" />
<span class="get--copy-text6">World delivery 40dkk</span>
<br />
</span>
<div class="get-a-copy-div">
<div id='smart-button-container'>
<div style='text-align: center'><label for='description'>Message: (e.g. 'ONE COPY PLEASE. MESSAGE BOARD: 'PORRIDGE WITH RAISINS FOR BREAKFAST TODAY'') </label><input type='text' name='descriptionInput' id='description' maxlength='127' value=''></div>
<p id='descriptionError' style='visibility: hidden; color:red; text-align: center;'>Please enter a message</p>
<div style='text-align: center'><label for='amount'>Amount (min. 35kr for shipping): </label><input name='amountInput' type='number' id='amount' value='35' ><span> DKK</span></div>
<p id='priceLabelError' style='visibility: hidden; color:red; text-align: center;'>Please enter a price</p>
<div id='invoiceidDiv' style='text-align: center; display: none;'><label for='invoiceid'> </label><input name='invoiceid' maxlength='127' type='text' id='invoiceid' value='' ></div>
<p id='invoiceidError' style='visibility: hidden; color:red; text-align: center;'>Please enter an Invoice ID</p>
<div style='text-align: center; margin-top: 0.625rem;' id='paypal-button-container'></div>
</div>
<script src='https://www.paypal.com/sdk/js?client-id=AfobipCYQS_LpA-Zlzvyc7S8d3ioerY5jTtamcpCAo3Snim9o_bNWsyVvF5p7denzUDMFE6Xkw5nNy_d&amp;enable-funding=venmo&amp;currency=DKK' data-sdk-integration-source='button-factory'></script>
<script>
function initPayPalButton() {
var description = document.querySelector('#smart-button-container #description');
var amount = document.querySelector('#smart-button-container #amount');
var descriptionError = document.querySelector('#smart-button-container #descriptionError');
var priceError = document.querySelector('#smart-button-container #priceLabelError');
var invoiceid = document.querySelector('#smart-button-container #invoiceid');
var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');
var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');

var elArr = [description, amount];

if (invoiceidDiv.firstChild.innerHTML.length > 1) {
invoiceidDiv.style.display = 'block';
}

var purchase_units = [];
purchase_units[0] = {};
purchase_units[0].amount = {};

function validate(event) {
return event.value.length > 0;
}

paypal.Buttons({
style: {
color: 'gold',
shape: 'rect',
label: 'paypal',
layout: 'vertical',

},

onInit: function (data, actions) {
actions.disable();

if(invoiceidDiv.style.display === 'block') {
elArr.push(invoiceid);
}

elArr.forEach(function (item) {
item.addEventListener('keyup', function (event) {
var result = elArr.every(validate);
if (result) {
actions.enable();
} else {
actions.disable();
}
});
});
},

onClick: function () {
if (description.value.length < 1) {
descriptionError.style.visibility = 'visible';
} else {
descriptionError.style.visibility = 'hidden';
}

if (amount.value.length < 1) {
priceError.style.visibility = 'visible';
} else {
priceError.style.visibility = 'hidden';
}

if (invoiceid.value.length < 1 &amp;&amp; invoiceidDiv.style.display === 'block') {
invoiceidError.style.visibility = 'visible';
} else {
invoiceidError.style.visibility = 'hidden';
}

purchase_units[0].description = description.value;
purchase_units[0].amount.value = amount.value;

if(invoiceid.value !== '') {
purchase_units[0].invoice_id = invoiceid.value;
}
},

createOrder: function (data, actions) {
return actions.order.create({
purchase_units: purchase_units,
});
},

onApprove: function (data, actions) {
return actions.order.capture().then(function (orderData) {

// Full available details
console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));

// Show a success message within this page, e.g.
const element = document.getElementById('paypal-button-container');
element.innerHTML = '';
element.innerHTML = '<h3>Thank you for your payment!</h3>';

// Or go to another URL: actions.redirect('thank_you.html');

});
},

onError: function (err) {
console.log(err);
}
}).render('#paypal-button-container');
}
initPayPalButton();
</script>
<div class="get--copy-container1"></div>
<div class="get--copy-div">
<dangerous-html
html="<form action='https://www.paypal.com/donate' method='post' target='_top'>
<input type='hidden' name='hosted_button_id' value='UFQNZ5SCWLENY' />
<input type='image' src='https://pics.paypal.com/00/s/OTE4MWJlMGYtMDJkNy00MTE1LTlkNzktOWE3ZmMyOTg4MjQ1/file.PNG' border='0' name='submit' title='PayPal - The safer, easier way to pay online!' alt='Donate with PayPal button' />
<img alt='' border='0' src='https://www.paypal.com/en_DK/i/scr/pixel.gif' width='1' height='1' />
</form>
"
></dangerous-html>
</div>
</div>
</div>
Expand Down Expand Up @@ -383,6 +189,5 @@
runAllScripts();
};
</script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</body>
</html>

0 comments on commit 9d65b28

Please sign in to comment.