Basecamp 3 Document

3,811 Kb

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 Previews

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=',600'> <link rel="stylesheet" href="css/style.css">
<body> <h1 class="project__name"> <a href="">Signal v. Noise</a>
<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>

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;
Basecamp 3 Document - Script Codes
Basecamp 3 Document - Script Codes
Home Page Home
Developer Lachlan Campbell
Username lachlanjc
Uploaded September 03, 2022
Rating 3
Size 3,811 Kb
Views 20,230
Do you need developer help for Basecamp 3 Document?

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!

Lachlan Campbell (lachlanjc) Script Codes
Create amazing marketing copy with AI!

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!