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
| import Image from 'next/image'; | |
| import { IconThumbDown, IconThumbUp } from '@tabler/icons-react'; | |
| import { ReactCompareSlider, ReactCompareSliderImage } from 'react-compare-slider'; | |
| export function Slider() { | |
| return ( | |
| <div className="md:hidden"> | |
| <ReactCompareSlider | |
| className="bg-[#f0f9ee] !rounded-2xl mx-auto max-w-3xl" | |
| handle={ |
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
| <template> | |
| <div | |
| ref="wrap" | |
| class="payment-period-wrapper" | |
| > | |
| <div | |
| ref="leftTip" | |
| v-tooltip.left="{ content: 'Drag to adjust payroll period', trigger: 'manual' }" | |
| class="slider left-slider draggable" | |
| :class="index > 0 ? 'regular' : 'extreme-left'" |
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> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| </head> | |
| <body> | |
| <div class="container mx-auto p-10"> |
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
| @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap'); | |
| .blog-container { | |
| padding-left: 10%; | |
| padding-right: 10%; | |
| padding-bottom: 15%; | |
| } | |
| @media (min-width: 1400px) { | |
| .blog-container { |
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
| function addWindow (index) { | |
| return | |
| ` <div class="blog-window" id="${index}"> | |
| <div class="top-menu"> | |
| <span class="date">2017 January 30th</span> | |
| </div> | |
| <div class="inner"> | |
| <h3 class="data-title">4 Tips To Improve Productivity</h3> | |
| <h5 class="description">Hello world, my name is Tim</h5> | |
| <a class="link" href="hello" target="_blank"> Read More </a> |
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
| // Clean up & Append Title | |
| let {title} = items | |
| $(`#${index} .data-title`).text(title.replace("&", "&")) | |
| // Clean up & Append Description | |
| let {description} = items | |
| $(`#${index} .description`).text(final_description) | |
| // Clean up & Append Date | |
| let {pubDate}= items |
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
| $.get(url, data, function(response){ | |
| //Checking Response Status | |
| if (response.status == 'ok') { | |
| let res = response.items | |
| res.map((items, index) => { | |
| // DO STUFF | |
| }) |
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
| $.get(url, data, function(response){ | |
| //Checking Response Status | |
| if (response.status == 'ok') { | |
| let res = response.items | |
| res.map((items, index) => { | |
| // Duplicate Windows | |
| $("section.blog .blog-container").append(addWindow(index)) |
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 url = {rss: "https://medium.com/feed/@T31K"} | |
| const data = " https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fmedium.com%2Ffeed%2F%40T31K" |
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
| [ | |
| { "type": "brightnessDown", "width": 50, "align": "left" }, | |
| { "type": "brightnessUp", "width": 60, "align": "left" }, | |
| //spotify, display even when not playing | |
| { | |
| "type": "appleScriptTitledButton", | |
| "source": { | |
| "inline": | |
| "if application \"Spotify\" is running then\rtell application \"Spotify\"\rif player state is playing then\rreturn \" \" & (get artist of current track) & \" – \" & (get name of current track)\relse\rreturn (get artist of current track) & \" - \" & (get name of current track)\rend if\rend tell\rend if\rreturn \"\"\r" | |
| }, |