Skip to content

Instantly share code, notes, and snippets.

View flavea's full-sized avatar
🎯
Focusing

Ilma A flavea

🎯
Focusing
View GitHub Profile

Keybase proof

I hereby claim:

  • I am flavea on github.
  • I am flavea (https://keybase.io/flavea) on keybase.
  • I have a public key whose fingerprint is D6B0 F3AF B6AA 82CC 52BC B242 FB3E EA88 15E4 A8D3

To claim this, I am signing this object:

<link href="https://fonts.googleapis.com/css?family=Montserrat:700|Roboto:100&display=swap" rel="stylesheet">
<style>
#tubuh {
width: 550px;
margin: auto;
background: #fff;
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 100%;
@flavea
flavea / char-dev-2-full.html
Last active October 24, 2019 06:49
Character Development #2
[dohtml]
<link href="https://fonts.googleapis.com/css?family=Fanwood+Text|Quattrocento:700|Oswald&display=swap" rel="stylesheet">
<script src="//pawelgrzybek.com/siema/assets/siema.min.js"></script>
<style>
/* styling utama */
#tupperware {
width: 600px;
margin: auto;
font-family: 'Fanwood Text', serif;
font-size: 12px;
@flavea
flavea / char-dev-2-about.html
Created October 24, 2019 06:05
Character Development #2
<link href="https://fonts.googleapis.com/css?family=Fanwood+Text|Quattrocento:700|Oswald&display=swap" rel="stylesheet">
<style>
/* styling utama */
#tupperware {
width: 600px;
margin: auto;
font-family: 'Fanwood Text', serif;
font-size: 12px;
line-height: 160%;
color: var(--tp-warna-text);
@flavea
flavea / char-dev-2-playlist.html
Last active October 24, 2019 06:48
Character Development 2
<link href="https://fonts.googleapis.com/css?family=Fanwood+Text|Quattrocento:700|Oswald&display=swap" rel="stylesheet">
<style>
/* styling utama */
#tupperware {
width: 600px;
margin: auto;
font-family: 'Fanwood Text', serif;
font-size: 12px;
line-height: 160%;
color: var(--tp-warna-text);
@flavea
flavea / char-dev-2-topics.html
Created October 24, 2019 06:13
Character Development 2
[dohtml]
<link href="https://fonts.googleapis.com/css?family=Fanwood+Text|Quattrocento:700|Oswald&display=swap" rel="stylesheet">
<style>
/* styling utama */
#tupperware {
width: 600px;
margin: auto;
font-family: 'Fanwood Text', serif;
font-size: 12px;
line-height: 160%;
@flavea
flavea / char-dev-2-relationships.html
Created October 24, 2019 06:16
Character Development 2
[dohtml]
<link href="https://fonts.googleapis.com/css?family=Fanwood+Text|Quattrocento:700|Oswald&display=swap" rel="stylesheet">
<script src="//pawelgrzybek.com/siema/assets/siema.min.js"></script>
<style>
/* styling utama */
#tupperware {
width: 600px;
margin: auto;
font-family: 'Fanwood Text', serif;
font-size: 12px;
// create a bookmark and use this code as the URL, you can now toggle the css on/off
// thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3
javascript: (function() {
var styleEl = document.getElementById('css-layout-hack');
if (styleEl) {
styleEl.remove();
return;
}
styleEl = document.createElement('style');
styleEl.id = 'css-layout-hack';
/* SimpleMDE Theme Base v0.2.1 https://github.com/xcatliu/simplemde-theme-base#readme */
@charset "UTF-8";.CodeMirror{font-family:monospace;height:300px;color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-webkit-keyframes
@flavea
flavea / abe.html
Last active March 6, 2020 06:33
Siggy Pemisi
<style>#yea-7{margin: 25px auto;}#yea-7>#yea-7-boxed{background: #fff; width: 500px; height: 250px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; margin: 20px auto; overflow: hidden; position: relative;}#yea-7>#yea-7-boxed #yea-7-creds{border-top: 1px solid #000; width: 100%; padding-top: 5px; margin-top: 5px; font-size: 10px;}#yea-7>#yea-7-boxed>#yea-7-img{width: 270px; height: 210px;}#yea-7>#yea-7-boxed>#yea-7-txt{width: calc(100% - 270px); padding: 20px; font-family: 'Garamond'; font-size: 11px; line-height: 16px; color: #000; letter-spacing: 1px; margin-left: -80px; position: relative; text-align: left; height: 210px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; text-align: right;}#yea-7>#yea-7-boxed>#yea-7-txt>div>span{position: relative; z-index: 1; background: #fff;}#yea-7>#yea-7-boxed>#yea-7-txt>h2{font-family: 'Playfair Display'; font-size: 26