itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-02 15:25:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #622 from bigskysoftware/hateoas-essay-styles

Browse Source 
HATEOAS Essay: Style revamp
This commit is contained in:
1cg 2021-10-16 14:06:46 -06:00 committed by GitHub
commit 5b6a19dae4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 87 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
www/essays/hateoas.md
View File

@ -4,18 +4,23 @@ tags: posts
title: HATEOAS title: HATEOAS
--- ---
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend+Zetta:wght@900&display=swap&text=HATEOAS" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lexend+Zetta:wght@900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap" rel="stylesheet">
<div style="margin-left: 2em;margin-right: 2em; background-color: whitesmoke; border: 1px solid gray; border-radius: 5px; margin-bottom: 40px"> # HATEOAS
**META** - HATEOAS: An Alternative Explanation <section>
## Preface: _HATEOAS &mdash; An Alternative Explanation_
This page is a reworking on the [Wikipedia Entry on HATEOAS](https://en.wikipedia.org/wiki/HATEOAS), which uses JSON. This page is a reworking on the [Wikipedia Entry on HATEOAS](https://en.wikipedia.org/wiki/HATEOAS), which uses JSON.
Here we use HTML to explain the concept, and contrast it with JSON APIs. It is a more opinionated explanation of the Here we use HTML to explain the concept, and contrast it with JSON APIs. It is a more opinionated explanation of the
concept than would be appropriate for Wikipedia, but it is more correct in our opinon. concept than would be appropriate for Wikipedia, but it is more correct in our opinion.
</div> </section>
# HATEOAS
Hypermedia as the Engine of Application State (HATEOAS) is a constraint of the [REST application architecture](https://en.wikipedia.org/wiki/Representational_state_transfer) that distinguishes it from other network application architectures. Hypermedia as the Engine of Application State (HATEOAS) is a constraint of the [REST application architecture](https://en.wikipedia.org/wiki/Representational_state_transfer) that distinguishes it from other network application architectures.
@ -156,3 +161,77 @@ this approach in favor of RPC-style JSON apis.
This is strong evidence for the assertion that a natural hypermedia such as HTML is a practical This is strong evidence for the assertion that a natural hypermedia such as HTML is a practical
necessity for RESTful systems. necessity for RESTful systems.
<style>
.content {
font-family: 'Source Serif Pro', serif;
text-align: justify;
hyphens: auto;
margin-bottom: 3em;
}
.content h1 {
font-family: 'Lexend Zetta', Haettenschweiler, Impact, sans-serif;
margin: 16px;
font-size: min(10vw, 6em);
line-height: 1em;
margin-bottom: 5rem;
text-align: center;
}
.content section:after {
content: '< / >';
content: '< / >' / '';
display: block;
margin-bottom: 32px;
text-align: center;
color: #aaa;
font-weight: bold;
letter-spacing: .5em;
}
.content h2 {
font-size: 1em;
margin: 16px;
margin-top: 32px;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
}
.content h2 em {
text-transform: none;
letter-spacing: 0;
}
.content pre, .content code {
background: none;
padding: none;
color: black;
text-shadow: none;
font-weight: inherit;
}
.content code {
filter: brightness(.8);
}
.content pre {
padding: 0 1em;
scrollbar-width: thin;
scrollbar-color: #aaa transparent;
background: #f5f5f5;
margin: 16px 32px !important;
border-radius: 0;
}
.content a {
font-variant: all-small-caps;
letter-spacing: .08em;
font-weight: 600;
}
.content blockquote {
border: none;
font-style: italic;
font-size: 1.1em;
}
</style>