<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta property="og:site_name" content="Freenotes" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Recent Notes - freenotes.org" />
<meta property="og:url" content="http://freenotes.org/listing" />
<meta name="twitter:title" content="Recent Notes" />
<meta name="description" content="Recent Notes" />
<meta property="og:description" content="Recent Notes" />
<meta name="twitter:description" content="Recent Notes" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
<link rel="icon" type="image/x-icon" href="/images/notes-128.png" />
<meta name="HandheldFriendly" content="true" />
<link rel="profile" href="https://gmpg.org/xfn/11" />
<title>Recent Notes - freenotes.org</title>
<link rel="canonical" href="https://freenotes.org/listing" />
<style>
/*!7.css v0.5.0 - https://khang-nd.github.io/7.css*/
body {
font-family: Arial;
font-size: 12px;
color: #222
}
.surface {
background: #f0f0f0
}
h1 {
font-size: 5rem
}
h2 {
font-size: 2.5rem
}
h3 {
font-size: 2rem
}
h4 {
font-size: 1.5rem
}
u {
text-decoration: none;
border-bottom: .5px solid #222
}
code,
code * {
font-family: monospace
}
pre {
display: block;
margin: 0;
padding: 12px 8px;
background: #fff;
border: 1px solid #888
}
summary:focus {
outline: 1px dotted #000
}
::-webkit-scrollbar {
width: 16px
}
::-webkit-scrollbar:horizontal {
height: 17px
}
::-webkit-scrollbar-corner {
background: #eee
}
::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
}
::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
}
::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee
}
::-webkit-scrollbar-thumb:vertical {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC)no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}
::-webkit-scrollbar-thumb:horizontal {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC)no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}
::-webkit-scrollbar-button:vertical {
height: 17px
}
::-webkit-scrollbar-button:vertical:start {
background: url(/themes/7/images/button-up.svg), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
}
::-webkit-scrollbar-button:vertical:end {
background: url(/themes/7/images/button-down.svg), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
}
::-webkit-scrollbar-button:horizontal {
width: 16px
}
::-webkit-scrollbar-button:horizontal:start {
background: url(/themes/7/images/button-left.svg), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
}
::-webkit-scrollbar-button:horizontal:end {
background: url(/themes/7/images/button-right.svg), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
}
[role=tooltip] {
position: relative;
padding: 1em 1em 1em 2.5em;
border: 1px solid rgba(0, 0, 0, .4);
border-radius: 3px;
box-shadow: 5px 5px 3px -3px rgba(0, 0, 0, .4);
background: linear-gradient(180deg, #fff, #ddd)
}
[role=tooltip]:before {
content: "";
position: absolute;
background: url(/themes/7/images/balloon-tail.png);
width: 18px;
height: 18px;
top: -18px;
left: 1em
}
[role=tooltip][id] {
position: absolute
}
.button,
button {
font: 9pt Segoe UI, sans-serif;
box-sizing: border-box;
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
min-width: 75px;
min-height: 23px;
padding: 0 12px;
text-align: center;
background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
display: flex;
line-height: 1.6
}
.button:not(:disabled):hover,
button:not(:disabled):hover {
border-color: #72a2c5;
background: linear-gradient(180deg, #e5f4fd 45%, #b3e0f9 0)
}
.button:not(:disabled).active,
.button:not(:disabled):active,
button:not(:disabled).active,
button:not(:disabled):active {
box-shadow: none;
border-color: #6d91ab;
background: linear-gradient(180deg, #cee9f8 45%, #86c6e8 0)
}
.button.focused,
.button:focus,
button.focused,
button:focus {
box-shadow: inset 0 0 0 2px #86c6e8;
outline: 1px dotted #000;
outline-offset: -4px
}
label {
display: inline-flex;
align-items: flex-start;
text-align: center
}
input,
label {
font: 9pt Segoe UI, sans-serif
}
input[type=email],
input[type=number],
input[type=password],
input[type=text] {
height: 23px
}
input[type=email],
input[type=number],
input[type=password],
input[type=text],
textarea {
font: 9pt Segoe UI, sans-serif;
padding: 3px 4px 5px;
border: 1px solid #ccc;
border-top-color: #888;
border-radius: 2px;
background-color: #fff;
box-sizing: border-box
}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
outline: none;
border-color: #86c6e8 #b3e0f9 #b3e0f9
}
select {
font: 9pt Segoe UI, sans-serif;
border: 1.5px solid #888;
border-radius: 3px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
padding: 2px 30px 2px 3px;
background: url(/themes/7/images/button-down.svg), linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
background-position: 100%;
background-repeat: no-repeat
}
select:focus {
outline: none;
border-color: #6d91ab;
background-image: url(button-down.svg), linear-gradient(180deg, #cee9f8 45%, #86c6e8 0)
}
input[type=radio] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
background: 0;
position: fixed;
opacity: 0;
border: none
}
input[type=radio]+label {
line-height: 13px;
position: relative;
margin-left: 18px
}
input[type=radio]+label:before {
content: "";
position: absolute;
top: 0;
left: -18px;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 6px;
background: #fff;
border-radius: 50%;
border: 1px solid #888;
box-shadow: inset 0 0 0 1.5px #ddd, inset 1px 3px 4px #888;
box-sizing: border-box
}
input[type=radio]:checked+label:after {
content: "";
display: block;
width: 7px;
height: 7px;
top: 2.5px;
left: -15.5px;
position: absolute;
background: #7cd3eb;
border-radius: 50%;
border: 1.5px solid #27506d;
box-shadow: inset -1px -1px 0 .5px #16638f, inset -1px -1px 0 1px #1985c0;
box-sizing: border-box
}
input[type=radio]:focus+label {
outline: 1px dotted #000
}
input[type=radio]:disabled+label {
opacity: .6
}
input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
background: 0;
position: fixed;
opacity: 0;
border: none
}
input[type=checkbox]+label {
line-height: 13px;
position: relative;
margin-left: 0
}
input[type=checkbox]+label:before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
margin-right: 6px;
background: #ddd;
border: 1px solid #888;
box-shadow: inset 0 0 0 1.5px #eee, inset 0 2px 4px #888, inset -2px -3px 4px #fff;
box-sizing: border-box
}
input[type=checkbox]:focus+label {
outline: 1px dotted #000
}
input[type=checkbox]:active+label:before {
background: #f0f0f0
}
input[type=checkbox]:checked+label:after {
content: "\2714";
font-weight: 700;
display: block;
width: 7px;
height: 7px;
position: absolute;
top: 0;
left: 2px;
color: #16638f
}
input[type=checkbox]:disabled+label {
opacity: .6
}
fieldset {
border: 1px solid #cdd7db;
border-radius: 3px;
box-shadow: inset 0 0 0 1px #fff;
padding: 10px;
padding-block-start: 8px;
margin: 0
}
.field-row {
display: flex;
align-items: center
}
.field-row>*+* {
margin-left: 6px
}
.field-row-stacked {
display: flex;
flex-direction: column
}
.field-row-stacked *+*,
[class^=field-row]+[class^=field-row] {
margin-top: 6px
}
[role=progressbar] {
height: 15px;
border: 1px solid #888;
border-radius: 3px;
box-shadow: inset 0 0 2px #fff, 0 0 2px #aaa;
margin: 2px 0;
overflow: hidden;
background: linear-gradient(90deg, rgba(0, 0, 0, .1), transparent 20%, transparent 80%, rgba(0, 0, 0, .1)), linear-gradient(180deg, hsla(0, 0%, 100%, .6) 25%, rgba(0, 0, 0, 5%) 35%, rgba(0, 0, 0, 5%) 90%, hsla(0, 0%, 100%, .2) 95%), #ddd
}
[role=progressbar]>div {
overflow: hidden;
height: 100%;
box-shadow: inset 0 0 1px #fff;
background-color: #0bd82c;
background-image: linear-gradient(90deg, rgba(0, 0, 0, .2), transparent 20%, transparent 80%, rgba(0, 0, 0, .2)), linear-gradient(180deg, hsla(0, 0%, 100%, .6) 30%, rgba(0, 0, 0, 5%) 0, rgba(0, 0, 0, 5%) 90%, hsla(0, 0%, 100%, .2) 95%)
}
[role=progressbar].paused>div {
background-color: #e6df1b
}
[role=progressbar].error>div {
background-color: #ef0000
}
[role=progressbar].animate>div:before,
[role=progressbar].marquee:before {
content: "";
animation: progressbar 3s linear infinite;
display: block;
height: 100%;
background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .5), transparent 40%)
}
[role=progressbar].marquee:before {
opacity: .5;
background: linear-gradient(90deg, transparent, #0bd82c, transparent 35%)
}
@keyframes progressbar {
0% {
transform: translateX(-40%)
}
60% {
transform: translateX(100%)
}
to {
transform: translateX(100%)
}
}
input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
background: 0 0
}
input[type=range]:focus {
outline: none
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 18px;
width: 10px;
background: url(/themes/7/images/slider-indicator.png);
transform: translateY(-7px)
}
input[type=range]::-webkit-slider-thumb:active {
background: url(/themes/7/images/slider-indicator-active.png)
}
input[type=range]::-moz-range-thumb {
height: 18px;
width: 10px;
background: url(/themes/7/images/slider-indicator.png);
border: 0;
border-radius: 0
}
input[type=range]::-moz-range-thumb:active {
background: url(/themes/7/images/slider-indicator-active.png)
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 3px;
background: #f0f0f0;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff
}
input[type=range]::-moz-range-track {
width: 100%;
height: 3px;
background: #f0f0f0;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff
}
input[type=range].has-box-indicator::-webkit-slider-thumb {
background: url(/themes/7/images/slider-indicator-box.png)
}
input[type=range].has-box-indicator::-webkit-slider-thumb:active {
background: url(/themes/7/images/slider-indicator-box-active.png)
}
input[type=range].has-box-indicator::-moz-range-thumb {
background: url(/themes/7/images/slider-indicator-box.png)
}
input[type=range].has-box-indicator::-moz-range-thumb:active {
background: url(/themes/7/images/slider-indicator-box-active.png)
}
.is-vertical {
display: inline-block;
width: 4px;
height: 150px;
transform: translateY(50%)
}
.is-vertical>input[type=range] {
width: 150px;
height: 4px;
margin: 0 16px 0 10px;
transform-origin: left;
transform: rotate(270deg)translateX(calc(-50% + 8px))
}
.is-vertical>input[type=range]::-webkit-slider-thumb {
transform: translateY(-8px)scaleX(-1)
}
.is-vertical>input[type=range]::-moz-range-thumb {
transform: translateY(2px)scaleX(-1)
}
.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb {
transform: translateY(-9px)scaleX(-1)
}
.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb {
transform: translateY(0)scaleX(-1)
}
menu[role=tablist] {
position: relative;
margin: 0 0 -2px;
text-indent: 0;
list-style-type: none;
display: flex;
padding-left: 3px
}
menu[role=tablist] button {
padding: 2px 6px;
border-radius: 0;
z-index: 1;
display: block;
color: #222;
text-decoration: none;
min-width: unset
}
menu[role=tablist] button[aria-selected=true] {
padding-bottom: 4px;
margin: -2px -1px 1px -3px;
background: #fff;
box-shadow: none;
border-bottom: 0;
position: relative;
z-index: 8
}
menu[role=tablist] button:focus {
outline: 1px dotted #222;
outline-offset: -4px
}
menu[role=tablist] button:disabled {
opacity: .6
}
menu[role=tablist].justified button {
flex-grow: 1;
text-align: center
}
[role=tabpanel] {
padding: 14px;
clear: both;
position: relative;
z-index: 2;
margin-bottom: 9px
}
[role=tabpanel],
ul.tree-view {
background: #fff;
border: 1px solid #888
}
ul.tree-view {
font: 9pt Segoe UI, sans-serif;
display: block;
padding: 6px 6px 6px 16px;
margin: 0
}
ul.tree-view li {
list-style-type: none;
margin-top: 3px
}
ul.tree-view a {
text-decoration: none;
color: #000
}
ul.tree-view ul {
margin-top: 3px;
padding-left: 16px
}
ul.tree-view details {
margin-top: 0
}
ul.tree-view details>summary {
position: relative;
margin-bottom: 0
}
ul.tree-view details>summary:before {
content: "";
position: absolute;
right: 100%;
border: 5px solid transparent;
border-left-color: #000;
border-radius: 3px;
margin-top: 2.5px
}
ul.tree-view details[open]>summary:before {
transform: rotate(45deg);
margin-top: 5px
}
.window {
font: 9pt Segoe UI, sans-serif;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, .6);
border: 1px solid rgba(0, 0, 0, .6);
border-radius: 6px;
position: relative
}
.window:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 6px;
background: linear-gradient(transparent 20%, hsla(0, 0%, 100%, .7) 40%, transparent 41%), linear-gradient(90deg, hsla(0, 0%, 100%, .4), rgba(0, 0, 0, .1), hsla(0, 0%, 100%, .2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 50%, transparent 53%), #4580c4
}
.window-body {
margin: 0 6px 6px;
padding: 6px;
border: 1px solid rgba(0, 0, 0, .6);
background: #f0f0f0;
box-shadow: 0 0 1px .5px #fff
}
.window-body pre {
margin: -6px
}
.window-footer,
.window footer {
margin: -7px 6px 6px;
background: #f0f0f0;
border: 1px solid rgba(0, 0, 0, .6);
border-top: 0;
box-shadow: 0 .5px 1px .5px #fff;
position: relative;
padding: 10px
}
.window-footer:before,
.window footer:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
box-shadow: inset 0 1px rgba(0, 0, 0, .3), inset 0 -1px #fff
}
.window.is-bright .window-body {
background: #fff
}
.window.is-bright .window-footer,
.window.is-bright footer {
background: #eee;
box-shadow: inset 0 1px 3px #ddd
}
.window.is-bright .window-footer:before,
.window.is-bright footer:before {
content: none
}
.window.glass {
backdrop-filter: blur(1.5px)
}
.window.glass:before {
opacity: .5;
filter: brightness(1.4)
}
.window.glass>.title-bar {
background: linear-gradient(55deg, transparent 8%, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .3) 30%, rgba(0, 0, 0, .1) 32%, rgba(0, 0, 0, .3) 55%, transparent 57%, hsla(0, 0%, 100%, .3) 70%, transparent 72%)
}
.window>.title-bar {
border: 0;
box-shadow: inset 0 .5px #fff
}
.window fieldset {
margin-bottom: 9px
}
.window[role=dialog] {
position: fixed;
z-index: 999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition-duration: .2s;
transition-property: visibility, opacity
}
.window[role=dialog]:target {
visibility: visible;
opacity: 1
}
.title-bar {
font: 9pt Segoe UI, sans-serif;
box-shadow: inset 0 0 .5px .5px #fff;
border: 1px solid rgba(0, 0, 0, .6);
border-radius: 6px 6px 0 0;
padding: 6px;
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(90deg, hsla(0, 0%, 100%, .4), rgba(0, 0, 0, .1), hsla(0, 0%, 100%, .2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 50%, transparent 53%), #4580c4
}
.title-bar-text {
color: #000;
letter-spacing: 0;
line-height: 15px;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff
}
.title-bar-controls {
display: flex;
background: hsla(0, 0%, 100%, .2);
border: 1px solid rgba(0, 0, 0, .6);
border-top: 0;
border-radius: 0 0 5px 5px;
margin-top: -6px;
box-shadow: 0 0 2px #fff
}
.title-bar-controls button,
.title-bar-controls .button {
position: relative;
min-width: 26px;
min-height: 20px;
padding: 0;
border: 0;
border-right: 1px solid rgba(0, 0, 0, .6);
border-radius: 0;
box-shadow: inset 0 0 0 .5px #eee;
box-sizing: border-box;
background: linear-gradient(hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3) 45%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, hsla(0, 0%, 100%, .5))
}
.title-bar-controls button:first-child,
.title-bar-controls .button:first-child {
border-bottom-left-radius: 5px
}
.title-bar-controls button:last-child,
.title-bar-controls .button:last-child {
border: 0;
border-bottom-right-radius: 5px
}
.title-bar-controls button:focus,
.title-bar-controls .button:focus {
outline: none
}
.title-bar-controls button:hover,
.title-bar-controls .button:hover {
background: radial-gradient(circle at 50% 100%, #2aceda, transparent 60%), linear-gradient(#a9d2e8 50%, #196c9b 0)
}
.title-bar-controls button:active,
.title-bar-controls .button:active {
box-shadow: inset 0 0 0 .5px #eee;
background: radial-gradient(circle at 50% 100%, #0bfdfa, transparent 60%), linear-gradient(#86a7bc 50%, #092747 0)
}
.title-bar-controls button:before,
.title-bar-controls .button:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.title-bar-controls button[aria-label=Minimize]:before,
.title-bar-controls .button[aria-label=Minimize]:before {
background: url(/themes/7/images/minimize.png)no-repeat 50% 10px
}
.title-bar-controls button[aria-label=Maximize]:before,
.title-bar-controls .button[aria-label=Maximize]:before {
background: url(/themes/7/images/maximize.png)no-repeat 50%
}
.title-bar-controls button[aria-label=Restore]:before,
.title-bar-controls .button[aria-label=Restore]:before {
background: url(/themes/7/images/restore.png)no-repeat 50%
}
.title-bar-controls button[aria-label=Close],
.title-bar-controls .button[aria-label=Close] {
background-color: #d04a37;
width: 45px
}
.title-bar-controls button[aria-label=Close]:before,
.title-bar-controls .button[aria-label=Close]:before {
background: url(/themes/7/images/close.png)no-repeat 50%
}
.title-bar-controls button[aria-label=Close]:hover,
.title-bar-controls .button[aria-label=Close]:hover {
filter: contrast(1.3)
}
.title-bar-controls button[aria-label=Close]:activ,
.title-bar-controls .button[aria-label=Close]:active,
.title-bar-controls button[aria-label=Close]:hover,
.title-bar-controls .button[aria-label=Close]:hover {
background-image: linear-gradient(hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3) 45%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, hsla(0, 0%, 100%, .5))
}
.title-bar-controls button[aria-label=Close]:active,
.title-bar-controls .button[aria-label=Close]:active {
filter: contrast(1.3)brightness(.7)
}
.status-bar {
margin: -6px 6px 6px;
background: #f0f0f0;
border: 1px solid rgba(0, 0, 0, .6);
border-top: 0;
box-shadow: 0 .5px 1px .5px #fff;
display: flex
}
.status-bar-field {
border-right: 1px solid #cfcfcf;
padding: 2px 3px;
margin: 0;
flex-grow: 1
}
.status-bar-field:last-child {
border-right: 0
}
ul[role] {
margin: 0;
padding: 0;
list-style: none;
cursor: default
}
ul[role=menubar] {
display: flex;
background: linear-gradient(#fff 20%, #f1f4fa 25%, #f1f4fa 43%, #d4dbee 48%, #e6eaf6)
}
ul[role=menubar]>[role=menuitem] {
position: relative;
padding: 6px 10px
}
ul[role=menubar]>[role=menuitem]:focus,
ul[role=menubar]>[role=menuitem]:focus-within,
ul[role=menubar]>[role=menuitem]:hover {
background: #39f;
color: #fff;
outline: none
}
ul[role=menu] {
position: relative;
min-width: 150px;
padding: 2px;
background: #f0f0f0;
color: initial;
border: 1px solid rgba(0, 0, 0, .4);
box-shadow: 4px 4px 3px -2px rgba(0, 0, 0, .5)
}
ul[role=menu]:before {
content: "";
pointer-events: none;
position: absolute;
left: 28px;
width: 2px;
height: calc(100% - 4px);
box-shadow: inset 1px 0 rgba(0, 0, 0, .15), inset -1px 0 #fff
}
[role=menuitem] ul[role=menu] {
display: none;
position: absolute;
left: 0;
top: 100%;
z-index: 99
}
ul[role=menu] [role=menuitem]>[role=menu] {
top: -4px;
left: 100%
}
ul[role=menu]>[role=menuitem]>a,
ul[role=menu]>[role=menuitem]>button,
ul[role=menu]>[role=menuitem][aria-haspopup=true] {
all: unset;
position: relative;
display: block;
width: 100%;
padding: 4px 10px 4px 32px;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 3px
}
ul[role=menu]>[role=menuitem]>a:focus,
ul[role=menu]>[role=menuitem]>a:hover,
ul[role=menu]>[role=menuitem]>button:focus,
ul[role=menu]>[role=menuitem]>button:hover,
ul[role=menu]>[role=menuitem][aria-haspopup=true]:focus,
ul[role=menu]>[role=menuitem][aria-haspopup=true]:hover {
background: linear-gradient(180deg, hsla(0, 0%, 100%, .5), rgba(184, 214, 251, .5) 60%, rgba(184, 214, 251, .5) 90%, hsla(0, 0%, 100%, .8));
border-color: #b8d6fb
}
ul[role=menu]>[role=menuitem][aria-haspopup=true]:after {
content: "";
position: absolute;
top: 50%;
right: 2px;
transform: translateY(-50%);
border: 4px solid transparent;
border-left-color: initial
}
ul [role=menuitem] {
position: relative
}
ul [role=menuitem]:focus-within>[role=menu],
ul [role=menuitem]:focus>[role=menu] {
display: block
}
ul [role=menuitem].has-divider:after {
content: "";
pointer-events: none;
display: block;
height: 2px;
margin: 3px 0 2px 28px;
box-shadow: inset 0 1px rgba(0, 0, 0, .15), inset 0 -1px #fff
}
ul [role=menuitem] img {
position: absolute;
z-index: 1;
left: 2px;
top: 50%;
transform: translateY(-50%);
pointer-events: none
}
ul.can-hover [role=menuitem]:hover>[role=menu] {
display: block
}
a {
color: #06c
}
a:focus {
outline: 1px dotted #06c
}
a:hover {
color: #39f
}
.instruction {
font: 9pt Segoe UI, sans-serif;
color: #000;
font-weight: 400;
margin: 0 0 20px
}
.instruction-primary {
font-size: 12pt;
color: #039
}
.header {
font: 9pt Segoe UI, sans-serif;
font-weight: 400
}
.header-document {
font-family: Calibri;
font-size: 17pt;
color: #000
}
.header-group {
font-size: 11pt;
color: #039
}
body {
width: 100vw;
height: 100vh;
overflow: hidden;
background: url(/images/7bg.jpg)no-repeat 50% fixed;
background-size: cover
}
.button,
button {
font: 11pt Segoe UI, sans-serif;
padding: 3px 12px;
cursor: pointer
}
select {
padding: 3px 10px;
font-size: 11pt;
cursor: pointer
}
input[type=email],
input[type=number],
input[type=password],
input[type=text] {
padding: 3px 5px;
height: auto;
font-size: 11pt
}
.window {
font: 11pt Segoe UI, sans-serif;
width: 600px;
margin: auto;
max-width: 90%
}
.title-bar {
font-size: 10pt
}
.window .window-body {
max-height: Calc(100vh - 150px);
overflow: auto
}
.modal {
max-width: 100vw;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
background: rgb(0 0 0/.2)
}
.modal-dialog {
position: relative;
width: 600px;
max-width: 90%;
margin: auto;
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
top: -30px
}
.modal-trigger,
.modal-overlay,
.modal {
display: none
}
input.modal-trigger:checked+.modal {
display: flex
}
#editor-window .window-body {
height: Calc(100% - 124px);
overflow: hidden
}
#editor-window.max {
width: 100vw;
max-width: 100vw;
height: Calc(100vh - 46px);
margin: 0
}
#editor-window.max .title-container,
#editor-window.max:before {
border-radius: 0;
box-shadow: none
}
.window.max .title-bar-controls button[aria-label=Maximize]:before {
background: url(/themes/7/images/restore.png)no-repeat 50%
}
#editor-window.max {
width: 100vw;
max-width: 100vw;
height: Calc(100vh - 46px);
margin: 0;
border: none;
box-shadow: none;
border-radius: 0;
top: 0;
position: absolute;
z-index: 999
}
.tox-tinymce {
border-radius: 0 !important;
border: none !important
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
padding: 0 !important
}
.tox .tox-menubar {
padding: 5px 5px 0 !important
}
.tox button {
min-width: initial;
min-height: initial
}
.tox .tox-mbtn {
margin: 0 1px 0 0 !important;
line-height: 1
}
.tox .tox-tbtn svg {
width: 24px
}
.tox .tox-tbtn,
.tox .tox-split-button {
margin: 0 1px 0 0 !important
}
.tox .tox-toolbar-overlord {
border: none !important
}
.tox-toolbar__primary {
padding: 5px 6px !important
}
.tox-toolbar__overflow.tox-toolbar__overflow--open {
padding: 5px 6px !important
}
.tox .tox-toolbar__group {
padding: 0 !important
}
.screen {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh
}
* {
touch-action: none !important;
user-select: none;
font-family: inherit;
padding: 0;
margin: 0;
list-style: none;
border-style: solid;
border-width: 0;
vertical-align: baseline;
backface-visibility: hidden;
color: inherit;
border-color: inherit;
background-color: initial;
border-spacing: 0;
font: unset;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box
}
.taskbar {
position: absolute;
z-index: 9999;
display: flex;
flex-direction: row;
height: 46px;
width: 100%;
left: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(10, 10, 10, .8) 0%, rgba(200, 200, 200, .9) 4%, rgba(70, 70, 70, .4) 5%, rgba(70, 70, 70, .4) 100%);
backdrop-filter: blur(4px)
}
.orb {
margin: 0 9px;
width: 46px;
min-width: 46px;
height: 46px;
background-image: url(data:image/png;base64,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);
background-position: 50%;
background-size: 45px;
background-repeat: no-repeat;
filter: brightness(1);
transition: filter .1s
}
.orb:hover,
.orb:focus {
filter: brightness(1.2)
}
.windows-list {
flex-grow: 1;
display: flex
}
.try {
width: auto;
display: flex;
flex-direction: row;
min-width: 200px;
justify-content: flex-end;
background: linear-gradient(270deg, rgba(10, 10, 10, .3) 0%, rgba(10, 10, 10, .3) 70%, transparent 100%)
}
.try>* {
margin: 0 15px
}
.repo {
display: flex;
flex-direction: row;
align-items: center
}
.clock {
width: auto;
white-space: pre;
text-align: center;
color: #fff;
text-shadow: 0 0 2px rgb(0 0 0/.8);
display: flex;
align-items: center;
justify-content: center;
line-height: 1.4;
font-size: 12px;
padding: 4px 0 0
}
.show-desktop {
width: 12px;
min-width: 12px;
height: 45px;
margin-top: 2px;
background: linear-gradient(150deg, rgba(250, 250, 250, .2) 0%, rgba(200, 200, 200, .2) 15%, rgba(10, 10, 10, .3) 30%, rgba(10, 10, 10, .3) 80%, rgba(200, 200, 200, .3) 100%);
border-left: solid 1px rgba(200, 200, 200, .3)
}
.container {
padding: 40px 0
}
#editor-window {
width: 800px;
height: 650px;
margin: 0 auto;
overflow: hidden;
max-width: 98%
}
#editor-window .window-body {
padding: 0
}
.title-container {
font: 9pt Segoe UI, sans-serif;
box-shadow: inset 0 0 .5px .5px #fff;
border: 1px solid rgba(0, 0, 0, .6);
border-radius: 6px 6px 0 0;
padding: 6px;
display: block;
align-items: center;
background: linear-gradient(90deg, hsla(0, 0%, 100%, .4), rgba(0, 0, 0, .1), hsla(0, 0%, 100%, .2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 50%, transparent 53%), #4580c4;
position: relative
}
.window>.title-container {
border: 0;
box-shadow: inset 0 .5px #fff
}
.title-container .title-bar-controls {
position: absolute;
right: 6px;
top: 6px
}
.clearfix:before,
.clearfix:after {
content: "";
clear: both;
display: table
}
.title-container .title-bar-text,
.title-container .title-bar-text h1 {
line-height: 18px;
font-size: 10pt;
margin: 0
}
.title-bar-text img {
width: 18px;
float: left;
display: block;
margin-right: 3px;
margin-top: 1px
}
.title-actions {
margin-top: 10px
}
.title-container input {
border: solid 1px rgba(0, 0, 0, .5);
background: #fff;
border-radius: 2px
}
.title-container button,
.title-container .button,
.title-container select {
padding: 5px
}
button>svg,
.button>svg {
float: left;
width: 16px;
margin-right: 5px;
position: relative;
top: 2px
}
#password {
display: none
}
.apps-list {
flex-grow: 1;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
align-content: flex-start;
width: 130px;
height: 100vh;
overflow: auto;
position: absolute;
top: 0;
left: 0
}
.apps-list>* {
text-decoration: none;
height: auto;
font-size: 15px;
border: solid 1px transparent;
z-index: 1;
display: flex;
flex-direction: column;
width: 120px;
align-items: center;
justify-content: center;
padding: 10px;
margin: 5px
}
.apps-list>* .icons {
margin-bottom: 14px;
position: relative
}
.apps-list>* .icons>.icon {
width: 55px;
border-radius: 9px;
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .3))
}
.folder-app {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
width: 55px;
height: 55px
}
.notepad-app {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
width: 55px;
height: 55px
}
.mynotes-app {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
width: 55px;
height: 55px
}
.listing-app {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
width: 55px;
height: 55px
}
.apps-list>* .icons>:after {
position: absolute;
left: 0;
bottom: 0;
height: 36px;
width: 36px;
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADsklEQVRYR+2Wb4gUZRzHv88zu9Pu3bl6657L1Uj2whMxlERcM++0O4luocuTwl4UKdRuEWTQhRJlfwjyUsizkpsLjP4cGZithHN2gldSmlKReEp0rAS7SzC3y8nubbu3O8/zxDN6eYWyccyCL/Z5MzDPPDMfPr/v/J6H4BYb5BbjQQ2oUkVqhmqGKhmoNF/LUM1QJQOV5msZqhmqZKDSfC1D/8dQvaZpywDUVXr4JvOFZDI5CiA/y/X/WkY0TVv9Qs9LRxctXlzHmRCEAioBV2Y8dvO6EjI2Nlbcu3fPpmQyedYpoA379YGja9o7xxkDV92gDW7ASyCmP3ADoOlbxDCG5kejEQn0rWNA7x7QY6H7wybnQoAzxEZG5/UOjMzPMa54VBdmHnSnpiw8t3lV5q1I2xWFEmIYhj8ajXY7C9Svx9ZsCJvM4sJFCRo8hB879ZvvwFc/B1LjOVWh1x0VimU83bUi8+rW1gmFgFYFaN81IDtDBJAAKp8Suw5+3zx0+nffTEXFYgmRh+/J7NrWOkGrCbRWGuJCSJg6N+d9h84FPz72ayOhBJz/EycUCyVENlUZqE/XY/fKDDEhGlTCv/vlD19P3ze3S10yVoLxq1chUC5ZiHSvzLyytTUjDR03jIDjGZJA97WHTSIEz+bySk/fiTsuXja90ou0Y5XKsKwy3IqCfLGE57eEMi9vaxsHQIcNY4HjQPt1PbauPWwqBPzIydHGPZ+daeJCEMYYrLIFMIvvfHJdum3lXfmu7Z8ufKJz+ZXXn+lIs2oBvSeBOsImhMX3DZ5d8PnwhUb5q0uYyVweLz6+Nv3so6HMHI/Kj5y4MDebLShPPbJ6gsMumfOGJFBrR6cpuMV3f3Q6eHjk0jz5p2dzeaxfsTB/8LXuhMutUsheySwUpyzq93kZADJUDaD3JdDGsKlQ8EHjvH/3Jz8EBGOksd5lDb65OdGyKFiyuL2r2D3SJWvLBKhCyPCQ0eR4hj7Q9VjbxrBJAR5PpD2Rt79ujifS6qqlzYUPdz6UCATmgl7bSWwoKsEIFApy3KgS0PoHwqZgQtymQJz86XJD5I0vm/1zvOyLdx5LtNzZVLKYsPv1NIzdQIldMucN9esDsfYHO8c5v6rBq4D9OTGp9h8+58/+ZSnbt4QyWtBXphJJAPJiwwFyL3O2DwWDWmjHjp7YkiUtHvtr14eQZQGR1ZIt8cYjHo+Xe3t7u1Kp1I+O7PYA6oNB7W63G97ZvFAIUUylUvKANjmb9f9d8zd4zu80sERZdwAAAABJRU5ErkJggg==)
}
.apps-list>* .name {
width: 100%;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding: 3px;
text-align: center;
border: none;
background: 0 0;
color: #fff;
text-shadow: 0 0 3px rgb(0 0 0/.8), 0 0 3px rgb(0 0 0/.8)
}
.apps-list>*:hover:not(.selected) {
border: solid 1px rgba(255, 255, 255, .2);
background: linear-gradient(180deg, rgba(250, 250, 250, .15) 0%, rgba(200, 200, 200, .15) 100%)
}
a.taskbar-app {
user-select: none;
background: linear-gradient(170deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .4) 15%, rgba(200, 200, 200, .1) 30%, rgba(200, 200, 200, .2) 80%, rgba(255, 255, 255, .4) 100%);
border: solid 1px rgba(10, 10, 10, .3);
height: calc(100% - 0px);
border-radius: 4px;
margin-right: 2px;
margin-top: 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 15px 0 8px;
font-size: 13px;
font-weight: 500;
color: #ededed;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
text-align: left;
text-decoration: none;
transition: all .2s
}
a.taskbar-app:hover {
filter: brightness(1.3);
color: #fff
}
.taskbar-app>.icon {
width: 30px;
height: 30px;
margin-right: 5px;
background-size: contain
}
.taskbar-app>.icon.listing-app {
position: relative;
top: -3px
}
.taskbar-app.running {
background: linear-gradient(150deg, rgba(50, 50, 50, .4) 0%, rgba(50, 50, 50, .4) 15%, rgba(50, 50, 50, .1) 30%, rgba(50, 50, 50, .2) 80%, rgba(50, 50, 50, .4) 100%)
}
ul.notes {
width: 100%;
position: relative
}
ul.notes li.head {
margin-bottom: 10px;
border-radius: 0;
background: #f7f7f7;
border-bottom: 1px solid rgb(185 183 183/.6);
box-shadow: 0 .5px 1px .5px #fff;
padding: 2px 3px;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9
}
ul.notes li {
margin: 0;
display: grid;
grid-template-columns: 50% 20% Calc(30% - 30px);
grid-gap: 15px;
border: 1px solid transparent;
transition: all .03s
}
ul.notes li:hover {
background: rgba(10, 134, 238, .26);
box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
backdrop-filter: blur(6.9px);
-webkit-backdrop-filter: blur(6.9px);
border: 1px solid rgba(10, 134, 238, .5)
}
ul.notes .notepad-app {
float: left;
width: 16px;
height: 16px;
background-size: contain;
margin-right: 5px;
position: relative;
top: 1px
}
ul.notes li>* {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-decoration: none;
color: #000;
font-size: 10pt;
padding: 5px 10px;
line-height: 1.5
}
ul.notes li.head:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
box-shadow: inset 0 1px transparent, inset 0 -1px #fff
}
ul.notes li>span.date,
ul.notes li>span.desc {
color: #555;
font-size: 10pt;
line-height: 1.5
}
#editor-window .note-view {
padding: 20px;
overflow: auto;
max-height: Calc(100% - 37px);
background: #fff;
height: Calc(100% - 37px)
}
#editor-window .note-view * {
user-select: text;
max-width: 100%
}
#editor-window .note-view p {
font-size: 13pt
}
.window.error {
margin: 30px auto;
max-width: 90%;
position: absolute;
width: 300px;
left: Calc(50% - 150px);
z-index: 9
}
@media screen and (max-height:750px) {
#editor-window,
.window {
margin: 0 auto
}
.screen {
position: relative;
overflow: auto;
width: auto;
height: auto
}
.taskbar {
display: none
}
* {
touch-action: initial !important
}
}
@media screen and (max-height:720px) {
.container {
padding: 10px 0
}
}
@media screen and (max-width:1060px) {
#editor-window,
.window {
position: absolute;
left: Calc(50% - 400px + 65px)
}
}
@media screen and (max-width:930px) {
.apps-list {
position: relative;
top: initial;
display: block;
width: 100%
}
#editor-window,
.window {
position: relative;
left: initial;
top: initial
}
}
@media screen and (max-width:612px) {
* {
touch-action: initial !important
}
.screen {
position: relative;
overflow: auto;
width: auto;
height: auto
}
.apps-list>* {
float: left
}
.taskbar {
display: none
}
.window-footer .field-row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5px
}
.window-footer .field-row>* {
margin: 0
}
#editor-window .window-body {
height: Calc(100% - 193px)
}
}
@media screen and (max-width:360px) {
* {
touch-action: initial !important
}
.window-footer .field-row {
grid-template-columns: 1fr
}
#editor-window .window-body {
height: Calc(100% - 260px)
}
}
</style>
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://freenotes.org",
"@id": "https://freenotes.org/#organization",
"name": "Freenotes",
"logo": {
"@type": "ImageObject",
"url": "https://freenotes.org/images/logo.png",
"width": 600,
"height": 600
},
"contactPoint": [{
"@type": "ContactPoint",
"availableLanguage": "en",
"areaServed": "Worldwide",
"email": "[email protected]",
"contactType": "Website support"
}]
}]
</script>
</head>
<body class="screen">
<header></header>
<main>
<div class="container">
<div class="window" style="width:800px">
<div class="title-container">
<div class="title-bar-text">
<img src="/images/folder.png" />
<h1>Recent Notes</h1>
</div>
<div class="title-bar-controls">
<button type="button" aria-label="Minimize"></button>
<button type="button" aria-label="Maximize"></button>
<label class="button" for="setting" aria-label="Close"></label>
</div>
<div class="title-actions">
<input type="text" style="width:100%" readonly="" value="C:\Users\Freenotes\Desktop\Recent Notes" />
</div>
</div>
<div class="window-body" style="background: #FFF;padding:0;margin-top:0;">
<ul class="notes">
<li class="head">
<span>Name</span>
<span>Created At</span>
<span>Description</span>
</li>
<li class="public">
<a class="name" href="/note/pGYqA" title="About freenotes.org">
<div class="notepad-app"></div>About freenotes.org
</a>
<span class="date">2020-03-11 08:54:41</span>
<span class="desc">Test Note created with TinyMce Editor &lt;?php echo &#34;hello world from php&#34;; ?&gt;</span>
</li>
<li class="public">
<a class="name" href="/note/rzJ2A" title="pingo pingo pingo pingo pingo atun a me gustas mucho...">
<div class="notepad-app"></div>pingo pingo pingo pingo pingo atun a me gustas mucho...
</a>
<span class="date">2022-03-16 10:51:19</span>
<span class="desc">pingo pingo pingo pingo pingo atun a me gustas mucho pingo pingo</span>
</li>
<li class="public">
<a class="name" href="/note/p9ZVY" title="Lorem ipsum dolor sit amet, consectetur adipiscing...">
<div class="notepad-app"></div>Lorem ipsum dolor sit amet, consectetur adipiscing...
</a>
<span class="date">2022-03-16 20:37:29</span>
<span class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor</span>
</li>
<li class="public">
<a class="name" href="/note/r1b6j" title="The fuck am I doing here? What...I&#39;m writing a...">
<div class="notepad-app"></div>The fuck am I doing here? What...I&#39;m writing a...
</a>
<span class="date">2022-03-18 15:37:04</span>
<span class="desc">The fuck am I doing here? What...I&#39;m writing a comment? Whatever sorry to bother you guys I&#39;m just an idiot I was meant to be watching a video about health? I...I think this is a video about health. Alright, so this health video was excellent, I</span>
</li>
<li class="public">
<a class="name" href="/note/rPaeo" title="It was our third night in the Congo. Tree canopies hid...">
<div class="notepad-app"></div>It was our third night in the Congo. Tree canopies hid...
</a>
<span class="date">2022-03-18 15:38:05</span>
<span class="desc">It was our third night in the Congo. Tree canopies hid a million screaming voices overhead as humidity and sweat soaked our fatigues. We cut our way through the jungle in hopes that it was not too late; That the villager we’d spoken to earlier was</span>
</li>
<li class="public">
<a class="name" href="/note/lq12X" title="Howdy folks have you heard of the revolutionary new...">
<div class="notepad-app"></div>Howdy folks have you heard of the revolutionary new...
</a>
<span class="date">2022-03-18 15:39:09</span>
<span class="desc">Howdy folks have you heard of the revolutionary new diet called “Run Over a Gypsy’s Wife and Get the Thinner Curse?” By gum I&#39;ve been on this diet for almost a month now after mowing down this old gypsy in front of her husband causing him to</span>
</li>
<li class="public">
<a class="name" href="/note/pXLk4" title="i miss you">
<div class="notepad-app"></div>i miss you
</a>
<span class="date">2022-03-22 04:39:39</span>
<span class="desc">i’m ur biggest fan keep rockin on will always support and love you forever -ur #1 fan p.s. i really want to see you again i really can’t wait to know you again can we be friends again?</span>
</li>
<li class="public">
<a class="name" href="/note/rR5dd" title="yellowing woods, danced like a withered leaf">
<div class="notepad-app"></div>yellowing woods, danced like a withered leaf
</a>
<span class="date">2022-03-24 12:56:51</span>
<span class="desc">3301--r-ff------------------------------gcc--------p3- ---------44-----------tt-----------gfr---------h-- -443r---------circ-----------rre--------f-------00 544-----found------------c32-g---------4ch---- 4g----------c34------------ty--------s3-------fr-</span>
</li>
<li class="public">
<a class="name" href="/note/D0MEv" title="Practical use of morse code Morse code is a series of...">
<div class="notepad-app"></div>Practical use of morse code Morse code is a series of...
</a>
<span class="date">2022-04-03 20:50:29</span>
<span class="desc">Practical use of morse code Morse code is a series of dots and dashes representing letters and numbers, which is input by a key, a special of make and break switch, oh by the way, if you think your going to get a free paper on morse code, your wrong. The</span>
</li>
<li class="public">
<a class="name" href="/note/Dkqzm" title="rso">
<div class="notepad-app"></div>rso
</a>
<span class="date">2022-04-10 07:13:00</span>
<span class="desc">Free online service</span>
</li>
<li class="public">
<a class="name" href="/note/leXb0" title="sandwich...">
<div class="notepad-app"></div>sandwich...
</a>
<span class="date">2022-04-26 09:00:30</span>
<span class="desc">sandwich</span>
</li>
<li class="public">
<a class="name" href="/note/D3kVb" title="Você tem saudades de escrever no bloco de notas do...">
<div class="notepad-app"></div>Você tem saudades de escrever no bloco de notas do...
</a>
<span class="date">2022-05-05 01:10:23</span>
<span class="desc">Você tem saudades de escrever no bloco de notas do Windows 7? O Free Notes é um site divertido e útil que simula o bloco de notas do Windows para que você faça anotações rápidas. Sabe quando você está no meio de uma call e precisa de algum lugar</span>
</li>
<li class="public">
<a class="name" href="/note/D8MB0" title="Just another note">
<div class="notepad-app"></div>Just another note
</a>
<span class="date">2022-05-19 06:18:07</span>
<span class="desc">Oh hey there! Seems like you just discovered this website, just like I did! I have nothing important to contribute but wanted to leave a small note anyways. So whether you are a fellow notepad enjoyer or just here out of curiousity, fate brought us</span>
</li>
<li class="public">
<a class="name" href="/note/Dvm1L" title="Free $10">
<div class="notepad-app"></div>Free $10
</a>
<span class="date">2022-07-13 22:30:17</span>
<span class="desc">Good content free money: https://ouo.io/1q6AiF</span>
</li>
<li class="public">
<a class="name" href="/note/l2bM6" title="Test">
<div class="notepad-app"></div>Test
</a>
<span class="date">2022-07-27 22:59:18</span>
<span class="desc">I am testing this note. I am not sure what this should look like Topic 1 This is all about topic 1</span>
</li>
<li class="public">
<a class="name" href="/note/rd9ZN" title="Dinner">
<div class="notepad-app"></div>Dinner
</a>
<span class="date">2022-10-27 07:06:12</span>
<span class="desc">Dinner -</span>
</li>
<li class="public">
<a class="name" href="/note/Dkveo" title="Accessory reissue 1.submit the reissue - inform the cx...">
<div class="notepad-app"></div>Accessory reissue 1.submit the reissue - inform the cx...
</a>
<span class="date">2022-11-25 23:28:00</span>
<span class="desc">Accessory reissue 1.submit the reissue - inform the cx H#2.TN to the cx S#-----------------------------------Replacement1. escalate for the approval H2. submit the replacement - P until the cx send the device3. #H until the cx get the new device 4. Solved</span>
</li>
<li class="public">
<a class="name" href="/note/r4j7Q" title="secured payments">
<div class="notepad-app"></div>secured payments
</a>
<span class="date">2022-11-28 20:54:52</span>
<span class="desc"></span>
</li>
<li class="public">
<a class="name" href="/note/rPOZW" title="i miss you">
<div class="notepad-app"></div>i miss you
</a>
<span class="date">2022-12-03 03:00:34</span>
<span class="desc">-</span>
</li>
<li class="public">
<a class="name" href="/note/pXeWM" title="name">
<div class="notepad-app"></div>name
</a>
<span class="date">2023-04-01 03:44:46</span>
<span class="desc">Boby; It came down to these facts--That I love you...I am not falling in love with you...I fell in love with you long long time ago. Won&#39;t you come away with me. The world is ours. We can do what ever we want. We could get a cat. If we took our time</span>
</li>
<li class="public">
<a class="name" href="/note/lK3gN" title="Judy">
<div class="notepad-app"></div>Judy
</a>
<span class="date">2023-04-01 14:51:27</span>
<span class="desc">Judy Germaine talk James today Apple pie Thunk you breakfast 3\7\2023 Go James Anthony Tony Joshua </span>
</li>
<li class="public">
<a class="name" href="/note/rxRe2" title="James">
<div class="notepad-app"></div>James
</a>
<span class="date">2023-04-01 16:44:41</span>
<span class="desc">James go Anthony Tony Joshua Friday bank star buck coffee bank McDonald&#39;s</span>
</li>
<li class="public">
<a class="name" href="/note/D8wGP" title="James today Apple pie 2 ice cream Pizza Pepsi...">
<div class="notepad-app"></div>James today Apple pie 2 ice cream Pizza Pepsi...
</a>
<span class="date">2023-04-01 18:19:05</span>
<span class="desc">James today Apple pie 2 ice cream Pizza Pepsi </span>
</li>
<li class="public">
<a class="name" href="/note/rmNyg" title="James Apple pie 2 Friday 3\7=2023 Go Safeway federal...">
<div class="notepad-app"></div>James Apple pie 2 Friday 3\7=2023 Go Safeway federal...
</a>
<span class="date">2023-04-01 22:16:24</span>
<span class="desc">James Apple pie 2 Friday 3\7=2023 Go Safeway federal way Anthony Tony Joshua</span>
</li>
<li class="public">
<a class="name" href="/note/rwwzK" title="Judy no Tony room Joshua go Germaine not Apple pie I...">
<div class="notepad-app"></div>Judy no Tony room Joshua go Germaine not Apple pie I...
</a>
<span class="date">2023-04-02 16:12:27</span>
<span class="desc">Judy no Tony room Joshua go Germaine not Apple pie I will be nice people Michael Steve Anthony Tony Germaine Joshua Kick blue count Germaine James Michael chair Kick</span>
</li>
<li class="public">
<a class="name" href="/note/D0z0n" title="Judy thunk you breakfast...">
<div class="notepad-app"></div>Judy thunk you breakfast...
</a>
<span class="date">2023-04-02 16:27:27</span>
<span class="desc">Judy thunk you breakfast </span>
</li>
<li class="public">
<a class="name" href="/note/r61bJ" title="Germaine Judy not Apple pie Stewart Joshua...">
<div class="notepad-app"></div>Germaine Judy not Apple pie Stewart Joshua...
</a>
<span class="date">2023-04-02 22:12:50</span>
<span class="desc">Germaine Judy not Apple pie Stewart Joshua</span>
</li>
<li class="public">
<a class="name" href="/note/pJ8WJ" title="James Judy sorry today Joshua Michael sorry today...">
<div class="notepad-app"></div>James Judy sorry today Joshua Michael sorry today...
</a>
<span class="date">2023-04-03 21:25:57</span>
<span class="desc">James Judy sorry today Joshua Michael sorry today Joshua I will be nice people Michael Steve Anthony Tony Germaine Joshua Friday Anthony Tony Joshua Bank Safeway Chicken fires Pepsi donuts</span>
</li>
<li class="public">
<a class="name" href="/note/rYyPB" title="James">
<div class="notepad-app"></div>James
</a>
<span class="date">2023-04-04 16:18:14</span>
<span class="desc">James sorry stewart Joshua I will be nice people Michael Steve Anthony Tony Germaine Joshua No Tony room c Yes b Germaine Joshua room Friday Anthony Tony Joshua Michael sleep count sorry </span>
</li>
<li class="public">
<a class="name" href="/note/r1MNy" title="James today Pepsi 2 Wed 4\6\2023...">
<div class="notepad-app"></div>James today Pepsi 2 Wed 4\6\2023...
</a>
<span class="date">2023-04-07 17:20:04</span>
<span class="desc">James today Pepsi 2 Wed 4\6\2023 </span>
</li>
<li class="public">
<a class="name" href="/note/D36Q0" title="James">
<div class="notepad-app"></div>James
</a>
<span class="date">2023-04-12 17:36:45</span>
<span class="desc">James thunk you chicken thunk you fries Pepsi 2 Donuts chocolate double 2</span>
</li>
<li class="public">
<a class="name" href="/note/lONY3" title="Judy chicken fires donuts Joshua...">
<div class="notepad-app"></div>Judy chicken fires donuts Joshua...
</a>
<span class="date">2023-04-12 23:21:16</span>
<span class="desc">Judy chicken fires </span>
</li>
<li class="public">
<a class="name" href="/note/lON5a" title="Germaine Judy Friday Anthony Tony Joshua Safeway...">
<div class="notepad-app"></div>Germaine Judy Friday Anthony Tony Joshua Safeway...
</a>
<span class="date">2023-04-16 23:34:42</span>
<span class="desc">Germaine Judy Friday Anthony Tony Joshua Safeway federal way chicken fires Pepsi donuts chocolate double 2 Tony Germaine Pepsi</span>
</li>
<li class="public">
<a class="name" href="/note/rw23W" title="Love and Other Words - Pages and My Favorite Corresponding Quotes. ">
<div class="notepad-app"></div>Love and Other Words - Pages and My Favorite Corresponding Quotes.
</a>
<span class="date">2023-04-19 23:05:27</span>
<span class="desc">My favorite quotes from pages of Christina Lauren&#39;s Love and Other Words. I&#39;ll be updating this as I get further in the book</span>
</li>
<li class="public">
<a class="name" href="/note/rZw34" title="Personal Damnation ">
<div class="notepad-app"></div>Personal Damnation
</a>
<span class="date">2023-04-19 23:25:49</span>
<span class="desc">My own personal hell. </span>
</li>
</ul>
</div>
</div>
</div>
</main>
<footer>
<div class="apps-list">
<a id="notepad-app" href="/">
<div class="icons">
<div class="icon notepad-app"></div>
</div>
<span class="name">Notepad</span>
</a>
<a id="my-notes" href="/my" title="My notes">
<div class="icons">
<div class="icon mynotes-app"></div>
</div>
<span class="name">My notes</span>
</a>
<a id="listing-notes" href="/listing" title="Listing">
<div class="icons">
<div class="icon listing-app"></div>
</div>
<span class="name">Listing</span>
</a>
</div>
<div class="taskbar">
<div class="orb"></div>
<div class="windows-list">
<a href="/" class="taskbar-app running">
<div class="icon notepad-app"></div> Notepad Online
</a>
<a href="/my" class="taskbar-app">
<div class="icon mynotes-app"></div> My Online Notes
</a>
<a href="/listing" class="taskbar-app">
<div class="icon listing-app"></div> Public Listed Notes
</a>
</div>
<div class="try">
<div class="clock">10:11 AM <br />13/3/2022 </div>
</div>
<div class="show-desktop"></div>
</div>
</footer>
<script>
window.noteHash = '';
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var e = document.querySelectorAll('input[type=radio][name="rating"]');
Array.prototype.forEach.call(e, function(e) {
e.addEventListener("change", function() {
var t = parseInt(this.value),
e = new XMLHttpRequest;
e.open("POST", "/note/" + noteHash + "/rating", !0), e.setRequestHeader("Content-Type", "application/json; charset=UTF-8"), e.onload = function() {
if (e.status === 200) {
var t = JSON.parse(e.responseText),
n = t.score,
s = t.count,
o = document.querySelector(".rating-score");
o.innerHTML = n + " based on " + s + " rates"
} else console.error(e.statusText)
}, e.onerror = function() {
console.error(e.statusText)
}, e.send(JSON.stringify({
value: t
}))
})
})
}), document.addEventListener("DOMContentLoaded", function() {
var e = document.querySelectorAll(".delete"),
t, n;
for (t of Array.from(e)) t.addEventListener("click", function(t) {
if (t.preventDefault(), confirm("Are you sure you want to delete this note?")) {
var e = new XMLHttpRequest;
e.open("DELETE", "/note/" + this.dataset.id), e.setRequestHeader("Content-Type", "application/json"), e.onload = function() {
e.status === 200 ? window.location = "/" : alert("Something went wrong")
}, e.send()
}
});
for (n of Array.from(document.querySelectorAll(".close-windows-btn"))) n.addEventListener("click", function(e) {
e.preventDefault(), this.parentElement.parentElement.parentElement.style.display = "none"
})
})
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-222700533-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-222700533-1');
</script>
</body>undefined
</html>