Basecamp 3 Document
How do I make an basecamp 3 document?
Reconstruction of Basecamp 3's document page. Text from Signal v. Noise. Mostly not my code . What is a basecamp 3 document? How do you make a basecamp 3 document? This script and codes were developed by Lachlan Campbell on 03 September 2022, Saturday.
Basecamp 3 Document - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Basecamp 3 Document</title> <link rel='stylesheet prefetch' href='http://brick.a.ssl.fastly.net/Lato:400,600'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1 class="project__name"> <a href="https://signalvnoise.com">Signal v. Noise</a>
</h1>
<main> <aside class="toolbar"> <button type="button" class="action_button small">Edit</button> <button type="button" class="action_button small">Bookmark</button> <button type="button" class="action_button small">Share…</button> <button type="button" class="action_button small">File…</button> </aside> <article class="document"> <header class="document__header"> <span class="updated">Last updated yesterday</span> <h2>Manufacturing quality time</h2> </header> <p>“How do you juggle it all?” is a question I’m asked regularly. Usually with an undertone that I must have some secret. A trick. Is it sleeping just 5 hours per night? Is it working 12 hour days for months on end? What is it!?!</p> <p>The common lore of Highly Productive People is that they just work harder. Often superhumanly so. They have a singular focus that turns their drive to 11. The media loves to recount these feats of marvelous stamina and determination.</p> <p>I don’t fit that mold. I usually sleep a good 8.5 to 9 hours every night. I take pride in making work fit the traditional 40 hour/week constraint. I have no drive for more, more, more.</p> <p>If I have a trick, it’s a focus on the quality of each individual hour. That doesn’t mean Time Management, in the 1990s sense of the term, slicing each hour to the last minute, and squeezing it for every last second of peak productivity. But it does cover a realization that all hours are not created or spent equal.</p> <p>An hour haunted by stress, interruption, sleep deprivation, or frazzle is not worth the sixty minutes its allotted. It’s a low quality hour. You’d be foolish to expect that you can turn such dirty input into clear accomplishments. Garbage in, garbage out.</p> </article>
</main>
</body>
</html>
Basecamp 3 Document - Script Codes CSS Codes
html { font-size: 10px;
}
* { box-sizing: border-box;
}
body { background-color: #f5efe6; font-family: Lato; line-height: 1.6; font-size: 1.7rem;
}
h1 { line-height: 1.2; font-size: 2.8rem; margin: 2rem 0; text-align: center;
}
a { color: #1b6ac9; text-decoration: underline;
}
.project__name { font-size: 1.17em;
}
main { background-color: #fff; padding: 0 1rem; box-shadow: 0 1px 3px 0 #bfbfbf; border-radius: .6rem; margin: 0 auto 10rem; max-width: 45em; position: relative; word-wrap: break-word;
}
.document { padding: 5rem 6rem 6rem;
}
.document__header h2 { margin-top: 0;
}
.document__header .updated { text-align: right; float: right; position: relative; margin: 0.8rem 0; font-size: 0.8em; color: #aa9c84;
}
.toolbar { position: absolute; top: 1rem; left: 1rem; right: 1rem; text-align: right; z-index: 2;
}
.toolbar .action_button:first-child { position: absolute; left: 0;
}
.action_button { padding-left: 1.5rem; padding-right: 1.5rem; text-decoration: none; font-weight: bold; color: #000; display: inline-block; line-height: inherit; white-space: normal; vertical-align: middle; max-width: 100%; border-radius: 0.4rem; border: 1px solid rgba(0, 0, 0, 0.15); border-bottom-width: 2px; padding: 1rem; background-color: #fff; font-family: inherit; -webkit-appearance: none; -moz-appearance: none; font-size: 1.6rem; cursor: pointer;
}
.action_button.small { padding: 0.6rem 1rem; font-size: 1.3rem;
}
Developer | Lachlan Campbell |
Username | lachlanjc |
Uploaded | September 03, 2022 |
Rating | 3 |
Size | 3,811 Kb |
Views | 20,240 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Merriam-Webster Dictionary | 4,297 Kb |
Noodles Tags | 1,915 Kb |
Alan Turing | 2,989 Kb |
Bananner | 2,964 Kb |
Spinner | 22,154 Kb |
Social Profiles | 1,939 Kb |
Noodles Landing Page 1.0 | 5,017 Kb |
Action Menu | 2,410 Kb |
Noodles Embed | 1,955 Kb |
Drawing a Terminal with CSS | 3,185 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
PNotify Demo | Adittmar | 1,731 Kb |
Page Transitions in Backbone | Mikefowler | 3,691 Kb |
Nice textured background | Hans | 2,659 Kb |
Angular Sandbox | Alexgurrola | 1,616 Kb |
Social.svg.min | Larsenwork | 13,849 Kb |
FCC Portfolio | Cmwebby | 4,304 Kb |
Animated Logo | Shakdaniel | 2,672 Kb |
Pomodoro Clock | Yas46 | 3,328 Kb |
Gears | Synvox | 3,278 Kb |
CSS Patterns | Alyda | 3,953 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!