Peter Aiello peteraiello
This file contains hidden or 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
| <AccordionWrapper> | |
| {data.map((item, index) => ( | |
| <AccordionItem key={index} index={index} title={item.title} description={item.description} /> | |
| ))} | |
| </AccordionWrapper> |
This file contains hidden or 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
| [ | |
| { | |
| "title": "Item 1", | |
| "description": "Lorem ipsum." | |
| }, | |
| { | |
| "title": "Item 2", | |
| "description": "Lorem ipsum." | |
| } | |
| ] |
This file contains hidden or 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
| document.getElementById("party").onclick = function changeContent() { | |
| switch(selected) { | |
| case 'MCA': | |
| mca.partyTime() | |
| break; | |
| case 'Ad Rock': | |
| adRock.partyTime() | |
| break; | |
| case 'Mike D': | |
| mikeD.partyTime() |
This file contains hidden or 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
| selectElement.addEventListener('change', (event) => { | |
| selected = event.target.value | |
| }) |
This file contains hidden or 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
| <h1 id="headline" class="title"><span style="inline">Choose a Beastie Boy</span></h1> | |
| <div class="select"> | |
| <select id="beastie-boys" name="select-beastie-boy"> | |
| <option value = "default">Choose Beastie Boy</option> | |
| <option value = "MCA">MCA</option> | |
| <option value = "Mike D">Mike D</option> | |
| <option value = "Ad Rock"> Ad Rock</option> | |
| </select> | |
| </div> |
This file contains hidden or 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
| const mca = new BeastieBoy | |
| ( | |
| real = 'Adam Yauch', | |
| emcee = 'MCA', | |
| style = 'Leather Jacket', | |
| party = 'smashing the TV!' | |
| ) | |
| const adRock = new BeastieBoy |
This file contains hidden or 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
| class BeastieBoy { | |
| constructor(real, emcee, style, party) { | |
| this.name = { | |
| real : real, | |
| emcee : emcee | |
| } | |
| this.emcee = emcee | |
| this.style = style | |
| this.party = party | |
| this.partyTime = function() { |
This file contains hidden or 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
| export default function Home() { | |
| let price = 1799; | |
| const [ampPrice, setPrice] = useState({ | |
| price: numberWithCommas(price), | |
| }); | |
| /* button group 1 */ | |
| const buttonGroup1 = [ |
This file contains hidden or 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
| const ThumbnailImages = (props) => { | |
| const imageArray = props.images; | |
| let isActive = props.activeThumb; | |
| let className="border-solid rounded-lg py-2 px-4 mr-2 hover:border-gray-700"; | |
| // set default border | |
| let activeClass = "border-gray-200 border"; |
peteraiello
/ gist:e5041b668158db4526bb0f5e24865368
Created
February 27, 2018 17:20
— forked from pitch-gist/gist:2999707
HTML: Simple Maintenance Page
This file contains hidden or 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
| <!doctype html> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { text-align: center; padding: 150px; } | |
| h1 { font-size: 50px; } | |
| body { font: 20px Helvetica, sans-serif; color: #333; } | |
| article { display: block; text-align: left; width: 650px; margin: 0 auto; } | |
| a { color: #dc8100; text-decoration: none; } | |
| a:hover { color: #333; text-decoration: none; } | |
| </style> |