Un correu del bloc

Bloc de desenvolupador

Aquest Ã©s la pagina principal per Today, un marc del lloc web.

Fas un lloc web avui

Â«TodayÂ» posa fÃ cil a crear, millorar, i servir el vostre + lloc web. Crea les pÃ gines web amb HTML i CSS, i afeigeix + contingut dinÃ mic amb Go. +

Capacitats

El estÃ ndard web Ã©s capaÃ§, documentat, i recolzat. L'objectiu + primer de Â«TodayÂ» Ã©s construir sobre aquell estÃ ndard amb capacitats + que estan fÃ cil per utilitzar, i no reinventen el web o el teu + lloc web. +

Construeix iterativament

You can start a Today project with your pre-existing static + website and build on it as you go. Today "pages" replace the + static files they use, and you can load data with Go and display + that data with a template HTML file. +

Server-side components

If you're reusing behavior often, you can make a Today + "template part". These parts have their own behavior and + templates, and are used like custom HTML elements. They can + be safely reused and even shared across projects! +

Localization

Today is built to support multi-language webpages. Both pages and + parts can be made with templates in many languages, and when + being served, the page will be composed with the closest-matched + languages for each. +

Why?

There's only one real reason for Today to exist; so that you can + make a website today. That's the namesake, that's what it's + always going to be about. Today is designed to be a web + framework for beginner-to-intermediate devs building + fundamentals, and to give easy-ish answers to a lot of the + hard-ish questions about creating websites. A monumental amount + of work has been put into making the independent web + more capable through great frameworks like React; I + want to focus on making it more accessible. The hope + is that helping devs build fundamentals can onboard to more + complex tech with fewer headaches. +

Project Status

Today is a work in progress and is fairly early in development. + It will be ready when it is ready; I am navigating an + international move and have a day job, so working on this is a + "when it happens" event. Having said that, there is a clear + road to a finished project. Here's what's upcoming/planned for + me to be comfortable with a v0 release: +

Done

Dynamic pages with templates and Go data loading.
Custom elements, rendered server-side.
Good localization support.

Work in Progress

Custom template parser. Right now, Today is bending Go's + standard HTML parser into a shape that sort of works. I'm + working on a custom parser that should make maintenance and + feature development much smoother! +
SQLite support. Most non-trivial websites need a database. + Most websites don't need more than SQLite. I want a quick + and easy option for people to use, particularly one that is + easy to transition away from when they need to. +
New user documentation.

Planned

Concurrent processing of component OnLoad functions. A + common criticism of Go templates is that they are slow for + nontrivial uses, because they are processed sequentially. I + think I can fix that, at least with the OnLoad of + template parts. +
Maintainer documentation. I need to document a process on + submitting external contributions, and write a lot on how + internals work. +
Transation of documentation to Catalan.
Live projects. A web framework is nothing if you don't make + websites with it! +

Once the "planned" list is empty, I'll release a v0 that should + be safe for testing use. Until then, it's a pet project in R&D. +

Today Devblog

A blog post

This is a landing page for the Today web framework.

Make a website today

Today makes creating, improving, and hosting your website + simple. Build webpages with HTML and CSS, and add dynamic + content where you want it with Go. +

Features

The web standard is capable, well-documented, and widely + supported. The core design goal of Today is to build on this + standard with helpful, easy-to-use features that don't reinvent + the web or your website. +

Build iteratively

Server-side components

Localization

Why?

Project Status

Done

Dynamic pages with templates and Go data loading.
Custom elements, rendered server-side.
Good localization support.

Work in Progress

Custom template parser. Right now, Today is bending Go's + standard HTML parser into a shape that sort of works. I'm + working on a custom parser that should make maintenance and + feature development much smoother! +
SQLite support. Most non-trivial websites need a database. + Most websites don't need more than SQLite. I want a quick + and easy option for people to use, particularly one that is + easy to transition away from when they need to. +
New user documentation.

Planned

Concurrent processing of component OnLoad functions. A + common criticism of Go templates is that they are slow for + nontrivial uses, because they are processed sequentially. I + think I can fix that, at least with the OnLoad of + template parts. +
Maintainer documentation. I need to document a process on + submitting external contributions, and write a lot on how + internals work. +
Transation of documentation to Catalan.
Live projects. A web framework is nothing if you don't make + websites with it! +

Once the "planned" list is empty, I'll release a v0 that should + be safe for testing use. Until then, it's a pet project in R&D. +

blocks */ +div.code { + background-color: var(--primary); + border: var(--border); + border-radius: var(--border-radius); + overflow: hidden; + + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +div.code pre:nth-child(n+3) { + border-top: var(--border); +} + +div.code pre:nth-child(odd) { + border-right: var(--border); +} + +pre:has(code) { + padding: var(--padding-sm); + /* overflow-x: auto; */ + min-width: 40%; + max-width: 60%; + text-wrap: wrap; +} diff --git a/landing-page/style/hljs.css b/landing-page/style/hljs.css new file mode 100644 index 0000000..a3e3507 --- /dev/null +++ b/landing-page/style/hljs.css @@ -0,0 +1,102 @@ +/* +This is a copy of .highlightjs's rainbow theme, so I can modify it a bit with +colors I like. It's under the BSD 3-clause License. + +Copyright (c) 2006, Ivan Sagalaev +*/ + +pre:has(code) { + padding: 0; +} + +pre code.hljs { + display: block; + padding: 1em; + font-size: var(--font-sm); +} + +code.hljs { + padding: var(--padding-sm); +} + +/* + + Style with support for rainbow parens + + */ +.hljs { + background: var(--primary); + color: var(--text); +} + +.hljs-comment, +.hljs-quote { + color: #969896; + font-style: italic +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-addition { + color: var(--magenta-bright); +} + +.hljs-number, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #f99157 +} + +.hljs-string, +.hljs-doctag, +.hljs-regexp { + color: var(--cyan); +} + +.hljs-title, +.hljs-name, +.hljs-type, +.hljs-section, +.hljs-built_in { + color: var(--green); +} + +.hljs-variable, +.hljs-template-variable, +.hljs-selector-id, +.hljs-title.class_, +.hljs-class .hljs-title { + color: var(--yellow); +} + +.hljs-section, +.hljs-name, +.hljs-strong { + font-weight: bold +} + +.hljs-symbol, +.hljs-bullet, +.hljs-subst, +.hljs-meta, +.hljs-link { + color: #f99157 +} + +.hljs-deletion { + color: #dc322f +} + +.hljs-formula { + background: #eee8d5 +} + +.hljs-attr, +.hljs-attribute { + color: var(--blue); +} + +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/landing-page/style/nav.css b/landing-page/style/nav.css new file mode 100644 index 0000000..4145637 --- /dev/null +++ b/landing-page/style/nav.css @@ -0,0 +1,57 @@ +/* Nav styling +These styles assume navs are lists; nested lists will +produce dropdown menus. +*/ +nav { + display: flex; + flex-direction: row; +} +nav.vertical { + flex-direction: column; +} +nav a { + color: var(--text); + text-decoration: none; + padding: var(--padding-sm); + display: block; + text-align: center; + + transition: all .1s; +} +nav img { + height: 1.5rem; +} +nav a:hover { + background-color: var(--secondary); +} +nav a.active { + background-color: var(--secondary); +} +nav div.dropdown { + position: relative; +} +nav div.dropdown > nav { + visibility: hidden; + position: absolute; + top: 100%; + + flex-direction: column; + + min-width: 100%; +} +nav.vertical div.dropdown > nav { + top: 0%; + left: 100%; +} +nav div.dropdown:hover > nav, nav div.dropdown:focus-within > nav { + visibility: visible; + background-color: var(--primary); +} + +@media screen and (max-width: 1000px) { + nav { + flex-direction: column; + width: 100%; + } +} +