Wrote some initial instructions and decided to use pages/index.md as the instructions and also an example of having markdown do your pages.

master
Zed A. Shaw 2 weeks ago
parent 3d46f5b1fe
commit f9b03b2b3d
  1. 6
      README.md
  2. 4
      pages/index.html
  3. 56
      pages/index.md
  4. 4
      static/input_style.css
  5. 15
      static/style.css

@ -1,6 +1,6 @@
# Go Web Starter Kit
More instructions coming. This is a fairly complete web development starter kit in Go. It tries to
This is a fairly complete web development starter kit in Go. It tries to
be as simple as possible without leaving out modern features like reactive UIs and database
migrations. A primary thing that's included is working authentication, since that's the main thing
holding people back when they first start, and also the easiest to get wrong.
@ -10,5 +10,5 @@ production yet until I can make it correct. Just use it to learn for now.
## Getting Started
....
Programmers hate duplication so if you want the instructions read the [index.md file in
pages](pages/index.md).

@ -1,4 +0,0 @@
<h1>Go Web Dev Starter Kit</h1>
<block>
Instructions coming soon...
</block>

@ -0,0 +1,56 @@
# Go Web Starter Kit
This is a fairly complete web development starter kit in Go. It tries to
be as simple as possible without leaving out modern features like reactive UIs and database
migrations. A primary thing that's included is working authentication, since that's the main thing
holding people back when they first start, and also the easiest to get wrong.
In fact, if you look at how I do it in this first version it is _WRONG_ so do not use this in
production yet until I can make it correct. Just use it to learn for now.
## Getting Started
You can get use this project working by doing this:
```shell
git clone \
https://git.learnjsthehardway.com/learn-code-the-hard-way/go-web-starter-kit.git my-project
cd my-project
```
Then on Linux/OSX you want to delete the `.git` with this:
```shell
rm -rf .git
```
And on Windows you use the ever more clear and totally easier:
```shell
rm -recurse -force .git
```
Once you have that you can make it your own:
```shell
git init .
go mod tidy
cp config_example.toml config.toml
make dev
```
> __Warning__ On Windows you'll probably be asked to give the `webapp.exe` access to
the Public and Private networks to use it.
You don't have to use the `Makefile` but it's a lot easier than memorizing the various commands.
You can access the site by visiting https://127.0.0.1:7002/ but keep in mind this is the [Air](https://github.com/air-verse/air)
port, not _your_ site's port. Air is a tool that will rebuild your Go project whenever you change
the code (but _NOT_ HTML/CSS, because that's annoying).
## Configuration
## Tour of Directories
## More...

@ -118,6 +118,10 @@ button {
@apply rounded-sm shadow-sm bg-gray-600 text-gray-50 dark:bg-gray-300 dark:text-gray-950 p-3;
}
blockquote {
@apply rounded-sm shadow-sm bg-gray-700 text-gray-50 dark:bg-gray-700 dark:text-white p-2;
}
@utility btn-hover {
@apply !bg-gray-900 !text-gray-50;
}

@ -29,6 +29,7 @@
--color-gray-900: oklch(21% 0.0 264.665);
--color-gray-950: oklch(13% 0.0 261.692);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-sm: 24rem;
@ -821,6 +822,20 @@ button {
color: var(--color-gray-950);
}
}
blockquote {
border-radius: var(--radius-sm);
background-color: var(--color-gray-700);
padding: calc(var(--spacing) * 2);
color: var(--color-gray-50);
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (prefers-color-scheme: dark) {
background-color: var(--color-gray-700);
}
@media (prefers-color-scheme: dark) {
color: var(--color-white);
}
}
shape {
display: flex;
aspect-ratio: 1 / 1;

Loading…
Cancel
Save