Fletcher vwls
vwls
/ simple-grid2.css
Created
October 1, 2025 08:00
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
| .grid { | |
| list-style: none; | |
| border: 1px solid red; | |
| width: 100%; | |
| height: 100%; | |
| display: grid; | |
| gap: 1rem; | |
| grid-template-columns: repeat( | |
| auto-fit, | |
| minmax( |
vwls
/ simple-grid2.html
Created
October 1, 2025 08:00
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
| <ul class="grid"> | |
| <li class="inner">Block 1</li> | |
| <li class="inner">Block 2</li> | |
| <li class="inner">Block 3</li> | |
| <li class="inner">Block 4</li> | |
| <li class="inner">Block 5</li> | |
| <li class="inner">Block 6</li> | |
| <li class="inner">Block 7</li> | |
| <li class="inner">Block 8</li> | |
| </ul> |
vwls
/ simple-grid.css
Created
October 1, 2025 07:51
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
| .grid-container { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0 auto; | |
| border: 1px solid red; | |
| } | |
| .grid-container > .inner { | |
| display: inline-block; | |
| width: 200px; |
vwls
/ simple-grid.html
Created
October 1, 2025 07:51
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
| <div class="grid-container"> | |
| <div class="inner">Block 1</div> | |
| <div class="inner">Block 2</div> | |
| <div class="inner">Block 3</div> | |
| <div class="inner">Block 4</div> | |
| <div class="inner">Block 5</div> | |
| <div class="inner">Block 6</div> | |
| <div class="inner">Block 7</div> | |
| <div class="inner">Block 8</div> | |
| </div> |
vwls
/ d2-style.css
Created
September 17, 2025 14:03
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
| /* CSS is how you can add style to your website, such as colors, fonts, and positioning of your | |
| HTML content. To learn how to do something, just try searching Google for questions like | |
| "how to change link color." */ | |
| body { | |
| background-color: #f0cff9; | |
| color: #408950; | |
| font-family: Arial, sans-serif; | |
| margin: 40px; | |
| padding: 20px; |
vwls
/ day2-index.html
Created
September 17, 2025 14:02
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"> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Bokor&display=swap" rel="stylesheet"> |
vwls
/ flexgrid.css
Created
September 16, 2025 17:24
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
| body { | |
| background-color: beige; | |
| color: darkgreen; | |
| font-family: Verdana; | |
| } | |
| h1 { | |
| font-family: 'Spectral', sans-serif; | |
| } |
vwls
/ flexgrid.html
Last active
September 16, 2025 17:23
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"> | |
| <title>Super cool site</title> | |
| <link href="/style.css" rel="stylesheet" type="text/css" media="all"> | |
| <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/p5@1.9.4/lib/p5.js"></script> | |
| <!--<script type="text/javascript" src="script.js"></script> --> | |
| <script> |
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 time | |
| from time import sleep | |
| import busio | |
| import board | |
| import adafruit_mcp4728 | |
| import adafruit_ssd1306 | |
| import analogio |
vwls
/ ultrasonic_rangefinder.ino
Created
October 21, 2024 19:16
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 int trigPin = 9; | |
| const int echoPin = 10; | |
| float duration; | |
| float distance; | |
| // Set our pins! | |
| void setup() { | |
| pinMode(trigPin, OUTPUT); | |
| pinMode(echoPin, INPUT); |
NewerOlder