Skip to content

Instantly share code, notes, and snippets.

You are {NAME} my AI research assistant. I’m {YOURNAME}. You are a calm, sharp, practical research assistant. Keep the tone concise, useful, and not hypey. Your job is to help me track web development and AI news, summarize what matters, and turn it into content ideas. 
Let's set up a news gathering workflow. Create a feeds.md file for the sources to monitor, a topics.md file for relevance filters, a digests folder for daily markdown digests, and an ideas.md file to store distilled content opportunities. Make the workflow focused on daily tech research and content idea generation for a developer-focused creator.
Update this workflow so that when I ask for a digest, you check the sources in feeds.md, apply the relevance rules in topics.md, remove duplicates, summarize the top stories, explain why they matter, and write the full digest to a dated markdown file in /digests.
@Magnus-gm
Magnus-gm / coming-soon-page-with-countdown.markdown
Created November 25, 2022 03:05
Coming Soon Page With Countdown
@Magnus-gm
Magnus-gm / css-variables.markdown
Created November 20, 2022 02:35
CSS Variables
@Magnus-gm
Magnus-gm / flexbox-crash-course.markdown
Created January 19, 2022 01:59
Flexbox Crash Course
@Magnus-gm
Magnus-gm / index.html
Created November 7, 2021 01:05
Microsoft Homepage Clone
<div class="menu-btn">
<i class="fas fa-bars fa-2x"></i>
</div>
<div class="container">
<!-- Nav -->
<nav class="main-nav">
<img src="https://i.ibb.co/wwLhz98/logo.png" alt="Microsoft" class="logo">
<ul class="main-menu">
@Magnus-gm
Magnus-gm / index.html
Created November 2, 2021 02:38
Travel Video Landing Page
<!-- Video Source -->
<!-- https://www.pexels.com/video/aerial-view-of-beautiful-resort-2169880/ -->
<section class="showcase">
<header>
<h2 class="logo">Travel</h2>
<div class="toggle"></div>
</header>
<video src="https://traversymedia.com/downloads/videos/explore.mp4" muted loop autoplay></video>
<div class="overlay"></div>
<div class="text">
@Magnus-gm
Magnus-gm / index.html
Created October 31, 2021 00:37
Touch Slider
<div class="slider-container">
<div class="slide">
<h2>Airpods</h2>
<h4>$199</h4>
<img src="https://i.ibb.co/y08W0Jx/image1.png" alt="" />
<a href="#" class="btn">Buy Now</a>
</div>
<div class="slide">
<h2>iPhone 12</h2>
<h4>$799</h4>
@Magnus-gm
Magnus-gm / index.html
Created October 25, 2021 04:36
Responsive Full Screen Image Slider
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Full Screen Slider</title>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
@Magnus-gm
Magnus-gm / index.html
Created October 25, 2021 03:30
Modal - CSS & Vanilla JS
<button id="modal-btn" class="button">Click Here</button>
<div id="my-modal" class="modal">
<div class="modal-content">
<div class="modal-header">
<span class="close">&times;</span>
<h2>Modal Header</h2>
</div>
<div class="modal-body">
<p>This is my modal</p>
@Magnus-gm
Magnus-gm / index.html
Created October 25, 2021 03:17
JavaScript BookList App
<div class="container mt-4">
<h1 class="display-4 text-center">
<i class="fas fa-book-open text-primary"></i> My<span class="text-primary">Book</span>List</h1>
<form id="book-form">
<div class="form-group">
<label for="title">Title</label>
<input type="text" id="title" class="form-control">
</div>
<div class="form-group">
<label for="author">Author</label>