Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Add changelog page * Changelog updates * Add changelog * Add new api key to example.env * typo + copy * Add content to newsletter entry * improve backlog icon contrast
- Loading branch information
1 parent
755550e
commit 3b6ac85
Showing
14 changed files
with
508 additions
and
32 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -5,3 +5,4 @@ SPOTIFY_REFRESH_TOKEN= | |
| CONVERTKIT_FORM_ID= | ||
| CONVERTKIT_API_KEY= | ||
| NEXT_PUBLIC_GA_TRACKING_ID= | ||
| LINEAR_API_KEY= | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| export const formatDate = (date: string) => | ||
| new Date(date).toLocaleString('en-US', { | ||
| month: 'short', | ||
| day: '2-digit', | ||
| year: 'numeric', | ||
| }) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| import { LinearClient } from '@linear/sdk' | ||
|
|
||
| const linearClient = new LinearClient({ | ||
| apiKey: process.env.LINEAR_API_KEY, | ||
| }) | ||
|
|
||
| export const getAllIssues = async () => { | ||
| const issues = await linearClient.issues() | ||
|
|
||
| if (issues.nodes.length) { | ||
| return issues.nodes | ||
| } | ||
| return [] | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,208 @@ | ||
| .entry { | ||
| position: relative; | ||
| margin-bottom: 50px; | ||
| padding-left: 80px; | ||
|
|
||
| &.isDone { | ||
| &:before { | ||
| position: absolute; | ||
| top: 7px; | ||
| left: 0; | ||
| display: block; | ||
| width: 20px; | ||
| height: 20px; | ||
| border: 4px solid var(--border); | ||
| border-radius: 25px; | ||
| content: ''; | ||
| } | ||
|
|
||
| &:after { | ||
| position: absolute; | ||
| top: 27px; | ||
| left: 8px; | ||
| display: block; | ||
| width: 4px; | ||
| height: calc(100% + 30px); /* 100% + bottom margin - circle height */ | ||
| background-color: var(--border); | ||
| content: ''; | ||
| } | ||
|
|
||
| &:first-of-type { | ||
| &:before { | ||
| border-color: var(--brand); | ||
| animation: pulse 2s infinite; | ||
| } | ||
| } | ||
|
|
||
| &:last-of-type { | ||
| &:after { | ||
| display: none; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| &.inBacklog { | ||
| &:before { | ||
| position: absolute; | ||
| top: 19px; | ||
| left: 20px; | ||
| display: block; | ||
| width: 21px; | ||
| height: 21px; | ||
| border: 3px dotted var(--borderActive); | ||
| border-radius: 25px; | ||
| transition: border-color 150ms ease-out; | ||
| content: ''; | ||
| } | ||
|
|
||
| &:hover, | ||
| &:focus { | ||
| &:before { | ||
| border-color: var(--text); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| &.inProgress { | ||
| &:before { | ||
| position: absolute; | ||
| top: 19px; | ||
| left: 20px; | ||
| display: block; | ||
| width: 20px; | ||
| height: 20px; | ||
| border: 4px solid #ecc962; | ||
| border-radius: 25px; | ||
| content: ''; | ||
| } | ||
|
|
||
| &:after { | ||
| position: absolute; | ||
| top: 25px; | ||
| left: 30px; | ||
| display: block; | ||
| width: 4px; | ||
| height: 8px; | ||
| background-color: #ecc962; | ||
| border-top-right-radius: 25px; | ||
| border-bottom-right-radius: 25px; | ||
| content: ''; | ||
| } | ||
| } | ||
|
|
||
| &.inBacklog, | ||
| &.inProgress { | ||
| margin: -15px -20px 20px; | ||
| padding-top: 15px; | ||
| padding-right: 20px; | ||
| padding-bottom: 15px; | ||
| padding-left: 80px; | ||
| transition: background-color 250 ms ease-out; | ||
|
|
||
| .title { | ||
| margin-bottom: 7px; | ||
| font-size: 22px; | ||
| } | ||
|
|
||
| &:hover, | ||
| &:focus { | ||
| background-color: var(--boxBg); | ||
| border-radius: 10px; | ||
| } | ||
| } | ||
|
|
||
| &:last-of-type { | ||
| .content { | ||
| border: none; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .section { | ||
| margin-bottom: 60px; | ||
| } | ||
|
|
||
| @keyframes pulse { | ||
| 0% { | ||
| box-shadow: 0 0 0 0 rgba(227, 131, 86, 0.4); | ||
| } | ||
| 70% { | ||
| box-shadow: 0 0 0 10px rgba(227, 131, 86, 0); | ||
| } | ||
| 100% { | ||
| box-shadow: 0 0 0 0 rgba(227, 131, 86, 0); | ||
| } | ||
| } | ||
|
|
||
| .title { | ||
| margin-bottom: 8px; | ||
| font-size: 25px; | ||
| } | ||
|
|
||
| .meta { | ||
| display: flex; | ||
| font-size: 14px; | ||
| font-family: Menlo, Monaco, 'Lucida Console', 'Courier New', Courier, monospace; | ||
| opacity: 0.7; | ||
|
|
||
| a:hover, | ||
| a:focus { | ||
| text-decoration: underline; | ||
| } | ||
| } | ||
|
|
||
| .date { | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| .separator { | ||
| margin-right: 7px; | ||
| margin-left: 7px; | ||
| } | ||
|
|
||
| .image { | ||
| width: 100%; | ||
| margin: 0; | ||
| padding: 0; | ||
| overflow: hidden; | ||
| border: 1px solid var(--border); | ||
| border-radius: 10px; | ||
| } | ||
|
|
||
| .content { | ||
| padding-top: 10px; | ||
| padding-bottom: 30px; | ||
| font-size: 18px; | ||
| line-height: 1.65; | ||
| border-bottom: 1px solid var(--border); | ||
|
|
||
| a { | ||
| color: var(--brand); | ||
|
|
||
| &:hover, | ||
| &:focus { | ||
| text-decoration: underline; | ||
| } | ||
| } | ||
|
|
||
| ul { | ||
| padding-left: 27px; | ||
| } | ||
|
|
||
| li { | ||
| position: relative; | ||
| margin-bottom: 4px; | ||
| list-style-type: none; | ||
|
|
||
| &:before { | ||
| position: absolute; | ||
| top: 15px; | ||
| left: -27px; | ||
| display: block; | ||
| width: 12px; | ||
| height: 1px; | ||
| background-color: var(--brand); | ||
| content: ''; | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.
3b6ac85There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs: