Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
110 lines (86 sloc) 2.19 KB
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>No. Phone. WTF!</title>
<meta name="description" content="A “Distraction-Free Phone” life.">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta property="og:title" content="No. Phone. WTF!">
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:image" content="">
--font-size-base: 1.2em;
--font-size-h1: 1.5em;
--font-size-h2: 1.4em;
--font-size-h3: 1.3em;
--font-size-h4: 1.2em;
--font-size-h5: 1.1em;
--font-size-h6: 1.0em;
--color-bg: #eee;
--color-text: #555;
--text-line-height: 1.6;
--link-color: #0080ff;
--link-color-border: #4da6ff;
html {
background: var(--color-bg);
color: var(--color-text);
body {
width: 90%;
max-width: 640px;
margin: 2em auto;
font-size: var(--font-size-base);
line-height: var(--text-line-height);
a {
text-decoration: none;
color: var(--link-color);
border-bottom: 1px solid var(--link-color-border);
ul, ol {
padding: 0;
margin: 0 1em;
.title {
padding: 0 1.2em;
font-size: var(--font-size-h1);
.content {
padding: 1em 2em;
background: #fff;
box-shadow: 0 0 2px #aaa;
border-radius: 5px;
footer {
padding: 0 0.2em;
margin: 0;
text-align: right;
font-size: small;
<h1 class="title">No. Phone. WTF!</h1>
<main class="content">
I chose a “Distraction-Free Phone” life.
<li>My phone is always SILENT and on DND (“Do Not Disturb). Sorry, I didn’t hear the ring.</li>
<li>The first ring is enough; don’t call me repeatedly. I’ll call you back.</li>
<li>Email, Text Messages, WhatsApp, WeChat, are better alternatives.</li>
<li>No. Nothing is an urgency.</li>
<li>I reserve the right to avoid all unscheduled and unknown calls.</li>
<a href="//">Contribute/Source</a>. License MIT.
You can’t perform that action at this time.