Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: adds initial tailwind config #50

Open
wants to merge 17 commits into
base: main
Choose a base branch
from
Open

chore: adds initial tailwind config #50

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
1631ecd
chore: adds initial tailwind config
yowainwright Apr 29, 2024
56d2e73
chore: adds working tailwind setup
yowainwright May 4, 2024
708cf65
chore: updates more nav
yowainwright May 4, 2024
22cbe50
chore: updates chompfile,README
yowainwright May 15, 2024
3677637
chore: adds styles
yowainwright May 15, 2024
969e5bc
chore: adds assets
yowainwright May 15, 2024
7523a6d
chore: adds classes for template.html
yowainwright May 15, 2024
417448b
chore: dep updates
yowainwright May 15, 2024
16a9a50
chore: updates with work reload
yowainwright May 28, 2024
afa2097
chore: re-add nvmrc
yowainwright May 28, 2024
ba455c6
chore: updates to make daisyui work
yowainwright Jun 3, 2024
efdd8e1
chore: adds more initial styles
yowainwright Jun 3, 2024
446b0d4
fix: chompfile + index.md updates
yowainwright Jun 6, 2024
bd435d8
chore: comment out theme
yowainwright Jun 6, 2024
b425925
fix: adds template with soft tailwind addition
yowainwright Jun 6, 2024
47084f4
fix: removes theming from tailwind.config.js
yowainwright Jun 6, 2024
23c4521
chore: updates dev cmds
yowainwright Jun 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions chompfile.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,7 @@ deps = [
'generate:api:generator',
'generate:api:import-map',
'generate:api:jspm-cli',
'generate:api:css',
]
engine = 'node'

Expand Down Expand Up @@ -93,3 +94,8 @@ custom-css = 'typedoc/typedoc-theme.css'
plugins = './typedoc/typedoc-theme.cjs,typedoc-plugin-versions,typedoc-plugin-external-resolver'
flags = '--lightHighlightTheme $TYPEDOC_SYNTAX_THEME --darkHighlightTheme $TYPEDOC_SYNTAX_THEME'
out = 'public_html/docs/jspm-cli'

[[task]]
name = 'generate:api:css'
run = 'tailwindcss -i ./public_html/styles/input.css -o ./public_html/style.main.css'
invalidation = 'always'
yowainwright marked this conversation as resolved.
Show resolved Hide resolved
1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
"jsdom": "^16.7.0",
"marked": "^4.3.0",
"picocolors": "^1.0.0",
"tailwindcss": "^3.4.3",
"toml": "^3.0.0",
"typedoc": "0.23.25",
"typedoc-plugin-external-resolver": "1.0.1",
Expand Down
3 changes: 3 additions & 0 deletions public_html/styles/input.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
9 changes: 9 additions & 0 deletions tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
/** @type {import('tailwindcss').Config} */
export default {
content: [],
theme: {
extend: {},
},
plugins: [],
}

188 changes: 115 additions & 73 deletions template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,78 +1,120 @@
<!doctype html>
yowainwright marked this conversation as resolved.
Show resolved Hide resolved
<!DOCTYPE html>
<html data-theme="light" lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="/style.css?v1">
<link rel="preload" as="font" href="/sourcesans-light.woff2" type="font/woff2" crossorigin="anonymous">
<script defer src="/script.js?v1"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-40327700-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-40327700-2');
</script>
<body>
<div class="topbar">
<a style="display: block" href="/">
<div class="logobox" href="/"></div>
<h1 class="logo">jspm</h1>
</a>
<ul class="toplinks">
<li><a target="_blank" href="https://generator.jspm.io">Online Generator</a></li>
<li><a target="_blank" href="https://status.jspm.io">CDN Status</a></li>
<li><a target="_blank" href="https://opencollective.com/jspm">Sponsor</a></li>
<li class="github"><a target="_blank" href="https://github.com/jspm/jspm" rel="noopener"></a></li>
</ul>
<div class="mobile-menu"></div>
</div>
<div class="sidebar">
<div class="toc">
<ul class="sections">
<li>
<a href="/getting-started">JSPM</a>
<ul class="section">
<li><a href="/getting-started">Getting Started</a></li>
<li><a href="/faq">FAQ</a></li>
</ul>
</li>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/style.css?v1" />
<link rel="stylesheet" href="/style.main.css" />
<link
rel="preload"
as="font"
href="/sourcesans-light.woff2"
type="font/woff2"
crossorigin="anonymous"
/>
<script defer src="/script.js?v1"></script>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-40327700-2"
></script>
<script>
window.dataLayer = window.dataLayer || []
function gtag() {
dataLayer.push(arguments)
}
gtag('js', new Date())
gtag('config', 'UA-40327700-2')
</script>
<body>
<div class="topbar">
<a style="display: block" href="/">
<div class="logobox" href="/"></div>
<h1 class="logo">jspm</h1>
</a>
<ul class="toplinks">
<li>
<a target="_blank" href="https://generator.jspm.io"
>Online Generator</a
>
</li>
<li><a target="_blank" href="https://status.jspm.io">CDN Status</a></li>
<li>
<a target="_blank" href="https://opencollective.com/jspm">Sponsor</a>
</li>
<li class="github">
<a
target="_blank"
href="https://github.com/jspm/jspm"
rel="noopener"
></a>
</li>
</ul>
<div class="mobile-menu"></div>
</div>
<div class="sidebar">
<div class="toc">
<ul class="sections">
<li>
<a href="/getting-started">JSPM</a>
<ul class="section">
<li><a href="/getting-started">Getting Started</a></li>
<li><a href="/faq">FAQ</a></li>
</ul>
</li>

<li>
<a href="/docs/jspm-cli">Documentation</a>
<ul class="section">
<li><a href="/docs/jspm-cli">JSPM CLI</a></li>
<li><a href="/docs/generator">JSPM Generator</a></li>
<li><a href="/docs/integrations">Integrations</a></li>
<li><a href="/docs/cdn-resolution">CDN Resolution</a></li>
</ul>
</li>
<li>
<a href="/docs/jspm-cli">Documentation</a>
<ul class="section">
<li><a href="/docs/jspm-cli">JSPM CLI</a></li>
<li><a href="/docs/generator">JSPM Generator</a></li>
<li><a href="/docs/integrations">Integrations</a></li>
<li><a href="/docs/cdn-resolution">CDN Resolution</a></li>
</ul>
</li>

<li>
<a href="/cdn/jspm-io">CDN</a>
<ul class="section">
<li><a href="/cdn/jspm-io">jspm.io</a></li>
<li><a href="/cdn/api">API</a></li>
</ul>
</li>
<li>
<a href="/cdn/jspm-io">CDN</a>
<ul class="section">
<li><a href="/cdn/jspm-io">jspm.io</a></li>
<li><a href="/cdn/api">API</a></li>
</ul>
</li>

<li class="blog">
<a href="/jspm-cli">Blog</a>
<ul class="section">
<li class="blog-link"><a href="/jspm-dev-deprecation"><em>Deprecating jspm.dev<span class="date">13/01/24</span></em></a></li>
<li class="blog-link"><a href="/jspm-cli"><em>JSPM CLI Relaunch<span class="date">04/04/23</span></em></a></li>
<li class="blog-link"><a href="/import-map-cdn"><em>Import Map CDN Launch<span class="date">02/03/21</span></em></a></li>
</ul>
</li>
</ul>
<!-- <div class="footer"></div> -->
</div>
</div>
<div class="content-container">
<div class="content">
<!-- Content will be added here -->
</div>
</div>
</body>
<li class="blog">
<a href="/jspm-cli">Blog</a>
<ul class="section">
<li class="blog-link">
<a href="/jspm-dev-deprecation"
><em
>Deprecating jspm.dev<span class="date">13/01/24</span></em
></a
>
</li>
<li class="blog-link">
<a href="/jspm-cli"
><em
>JSPM CLI Relaunch<span class="date">04/04/23</span></em
></a
>
</li>
<li class="blog-link">
<a href="/import-map-cdn"
><em
>Import Map CDN Launch<span class="date">02/03/21</span></em
></a
>
</li>
</ul>
</li>
</ul>
<!-- <div class="footer"></div> -->
</div>
</div>
<div class="content-container">
<div class="content">
<!-- Content will be added here -->
</div>
</div>
</body>
</html>