Skip to content

Instantly share code, notes, and snippets.

View fyrfli's full-sized avatar
🤓
Learning

Camille Frantz fyrfli

🤓
Learning
7 followers · 20 following
View GitHub Profile
@fyrfli
fyrfli / index.html
Created March 8, 2024 07:29
Pure CSS popup/modal box without javascript
<h1>Popup/Modal Windows without JavaScript</h1>
<div class="box">
<a class="button" href="#popup1">Let me Pop up</a>
</div>
<div id="popup1" class="overlay">
<div class="popup">
<h2>Here i am</h2>
<a class="close" href="#">&times;</a>
<div class="content">
@fyrfli
fyrfli / index.html
Created November 2, 2023 06:50
Toggle Tab With Vanilla JavaScript
<body>
<h1>TOGGLE TABS</h1>
<div class="wrapper">
<div class="buttonWrapper">
<button class="tab-button active" style="border-top-left-radius: 10px;" data-id="home">Home</button>
<button class="tab-button" data-id="about">About</button>
<button class="tab-button" style="border-top-right-radius: 10px;" data-id="contact">Contact</button>
</div>
<div class="contentWrapper">
<p class="content active" id="home">
@fyrfli
fyrfli / index.html
Created March 27, 2022 06:57
WTH is Today?
<button type="submit" id="getday">What day is it today?</button>
<div id="today"></div>
@fyrfli
fyrfli / index.html
Created March 27, 2022 06:56
Working up to a calculator app
<div id="jscontainer" class="container">
<div class="result" id="jsresult"></div>
<input class="nos" type="button" value="1">
<input class="nos" type="button" value="2">
<input class="nos" type="button" value="3">
<input class="nos" type="button" value="4">
<input class="nos" type="button" value="5">
<input class="nos" type="button" value="6">
<input class="nos" type="button" value="7">
<input class="nos" type="button" value="8">
@fyrfli
fyrfli / index.html
Created March 14, 2022 08:50
My first JS code
<h1 class="head">Place holder here ... stay tuned!</h1>
<button id="init">Hit me where it tickles!</button>
@fyrfli
fyrfli / keybase.md
Created January 25, 2019 17:32

Keybase proof

I hereby claim:

  • I am fyrfli on github.
  • I am fyrfli (https://keybase.io/fyrfli) on keybase.
  • I have a public key ASDaod07TPOOPXieUrlqy6RDjbupGeaPzOUB0KLpc-u2nwo

To claim this, I am signing this object: