Juntao Qiu abruzzi
⌨️
abruzzi
/ feature-toggles.json
Last active
October 25, 2023 00:32
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
| { | |
| "newMenuList": false | |
| } |
abruzzi
/ machine.js
Last active
December 20, 2022 00:37
Generated by XState Viz: https://xstate.js.org/viz
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
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
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
| .latest-news { | |
| width: 80%; | |
| margin: 1rem auto; | |
| } | |
| .news-container { | |
| display: flex; | |
| gap: 2rem; | |
| } | |
| .news { | |
| flex: 1; |
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
| <section class="latest-news"> | |
| <h4>Latest news</h4> | |
| <ul class="news-container"> | |
| <li class="news"> | |
| <article> | |
| <header> | |
| <img src="assets/news-1.webpx" alt="news"> | |
| </header> | |
| <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non sit cupiditate nostrum dolorum rem?</p> | |
| </article> |
abruzzi
/ flex-demo.html
Created
August 27, 2022 23:44
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="container"> | |
| <div class="box">one</div> | |
| <div class="box">two</div> | |
| <div class="box">three</div> | |
| <div class="box">four</div> | |
| </div> |
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
| <section class="hero-section"> | |
| <section class="brief"> | |
| <h1>Frozen Adventure</h1> | |
| <p>Destiny 2 new season will feature a new ice-covered location and a new dark subclass Stasis</p> | |
| <button class="button-secondary">Read more</button> | |
| </section> | |
| <section class="media"> | |
| <div class="game-cover"> | |
| <img src="assets/hero.jpeg" alt="destiny 2"> | |
| <p class="title">Desitny 2 beyond light<span class="rating">4.5</span></p> |
abruzzi
/ block-vs-inline.html
Created
August 27, 2022 01:06
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="container"> | |
| <p>This</p> | |
| <p>is</p> | |
| <p>a</p> | |
| <p>sentence.</p> | |
| <span>This</span> | |
| <span>is</span> | |
| <span>another</span> | |
| <span>one.</span> | |
| </div> |
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
| * { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body { | |
| font-size: 16px; | |
| font-family: 'Open Sans', sans-serif; | |
| } | |
| li { | |
| list-style: none; |
abruzzi
/ header.html
Created
August 27, 2022 01:03
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
| <header> | |
| <nav> | |
| <ul class="nav-list"> | |
| <li class="list-item"> | |
| <div class="logo"> | |
| <span class="highlight">Game</span>Insider | |
| </div> | |
| </li> | |
| <li class="list-item"> | |
| <a href="#">News</a> |
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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Week 1</title> | |
| </head> | |
| <body> |
NewerOlder