View .html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="c-section c-section--testimonials"> | |
<div class="o-grid o-grid--2-columns"> | |
<div class="c-card-testimonial"> | |
<blockquote class="c-card-testimonial__text">Excellent support from the team behind the Aspire themes, if you decide to give it a try.</blockquote> | |
<div class="c-card-testimonial__author"> | |
<div class="c-card-testimonial__author__bio"> | |
<p class="c-card-testimonial__author__name"><a href="#">Amelia Harry</a></p> | |
<p class="c-card-testimonial__author__title">Engineer @Shopify</p> |
View contact-form.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form id="fs-frm" name="simple-contact-form" accept-charset="utf-8" action="FORM_ENDPOINT" method="post"> | |
<fieldset id="fs-frm-inputs" style='border:0;'> | |
<label for="full-name">Full Name</label> | |
<input type="text" name="name" id="full-name" placeholder="First and Last" required=""><br> | |
<label for="email-address">Email Address</label> | |
<input type="email" name="_replyto" id="email-address" placeholder="email@email.com" required=""><br> | |
<label for="message">Message</label> | |
<textarea rows="5" name="message" id="message" placeholder="What is your inquiry or message?" required=""></textarea> | |
<input type="hidden" name="_subject" id="email-subject" value="Contact Form Submission"> | |
</fieldset><br> |
View prism
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-fTl/qcO1VgvKtOMApX2PdZzkziyr2stM65GYPLGuYMnuMm1z2JLJG6XVU7C/mR+E7xBUqCivykuhlzfqxXBXbg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
View dark.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Copy the follwing to Code Injection. | |
<style> | |
:root { | |
--color-mode: 'dark'; | |
--color-brand: var(--ghost-accent-color); | |
--color-white: #FFFFFF; | |
--color-dark: #010101; | |
--color-text: #FFFFFF; | |
--color-gray: #E5EFF5; |
View gist:fa6e5979484fbf404c20a4d15d755ea3
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Replace YOUR_LIGHT_COLOR_HERE with your light background. | |
// Replace YOUR_DARK_COLOR_HERE in two lines with your dark background. | |
<style> | |
:root { | |
--nav-background: YOUR_LIGHT_COLOR_HERE; | |
} | |
@media (prefers-color-scheme: dark) { | |
:root:not([data-user-color-scheme]) { |
NewerOlder