From b877aafba288af019b4dc93c0d51bd2449acc064 Mon Sep 17 00:00:00 2001 From: Doriane Date: Wed, 18 Sep 2024 14:32:48 +0200 Subject: [PATCH] home reworked with graphviz explaination --- app.py | 2 +- requirements.txt | 3 +- static/css/interface.css | 43 +++----- templates/base.html | 10 +- templates/index.html | 215 +++++++++++++++++++++++++++++++-------- 5 files changed, 196 insertions(+), 77 deletions(-) diff --git a/app.py b/app.py index 5ef9e6a..9b7bd0d 100644 --- a/app.py +++ b/app.py @@ -53,7 +53,7 @@ autofix = [ # every arrowshead into lines [re.compile("[<{]"), "("], - [re.compile("[>}L]"), ")"], + [re.compile("[>}]"), ")"], [re.compile("[vV]"), "-"], [re.compile("[\\^]"), "-"], diff --git a/requirements.txt b/requirements.txt index 0eb56cd..943be22 100644 --- a/requirements.txt +++ b/requirements.txt @@ -1,2 +1,3 @@ Flask -requests \ No newline at end of file +requests +vpype \ No newline at end of file diff --git a/static/css/interface.css b/static/css/interface.css index 9f9109a..2972f28 100644 --- a/static/css/interface.css +++ b/static/css/interface.css @@ -204,8 +204,8 @@ aside.left{ ================================================= */ .title.font{ - padding: 2rem 2rem; - gap: 1rem var(--bar-h); + padding: 2rem 2rem 4rem; + gap: 0 var(--bar-h); grid-template-columns: repeat(2, calc(50% - calc(var(--bar-h) / 2))); } .title .f-ascii{ @@ -224,34 +224,23 @@ aside.left{ border: none; width: auto; } -.title .special{ - grid-column: 1 / -1; - grid-row: 2 / span 1; -} - -ul.special{ - display: flex; - gap: 1rem; - justify-content: center; - align-items: center; +.title svg { + overflow: visible; + max-width: 100%; + grid-column: span 2; + max-height: 24rem; + margin: 0 auto; } -.special .materiality{ - display: block; - border: 1px solid currentColor; - padding: 1rem 2rem; - border-radius: 2rem; - text-decoration: none; - text-align: center; +.title svg a{ + fill: var(--c-link); } -.special .choice{ - display: flex; - gap: 1rem; - flex-direction: column; +.title svg a.software{ + font-weight: bold; } -ul.classic{ - list-style: initial; - padding: 0 1rem; - margin: 0.5rem 0; +.title .intro{ + margin: 1rem auto; + grid-column: span 2; + max-width: 48rem; } /* font diff --git a/templates/base.html b/templates/base.html index 91500c2..3a651ed 100644 --- a/templates/base.html +++ b/templates/base.html @@ -26,11 +26,11 @@ diff --git a/templates/index.html b/templates/index.html index e66a46b..bcd3f0d 100644 --- a/templates/index.html +++ b/templates/index.html @@ -15,50 +15,179 @@ {% include 'logo.svg' %} - - -
-
-

Cobbled paths

-

- It is a web interface that brings multiple tools together, to allow experimental and direct collaboration on - pen-plotted drawings by making Ascii art. -

-

- It makes a way from the blocky discontinuity of Ascii drawings, - to the smoothness of bezier curves, - to an anologic pen-plotter interpretation. -

-

- Like cobbled paths, none of those technologies are new, and we've been walking on them for years. -

+
+

+ Cobbled Paths is a web interface that brings multiple tools together, to allow experimental and direct collaboration on + pen-plotted drawings by making Ascii art. +

+

+ It makes a way from the blocky discontinuity of Ascii drawings, + to the smoothness of bezier curves, + to an anologic pen-plotter interpretation. +

+
+ + + + + + + default + + + + + FIGlet font + Catalogue + + + + + + + + + + contributed + + + + + + + + + + JAVe + + + + + + + + + + FIGlet font + + + + + + + + + + + Etherpad + + + + + + Free Ascii + drawing + + asciiart.eu + + + + + + + + + + + FIGlet font + making + + FIGfont Specs + + + + + + + + + + + ASCII + + + + + + /export/txt + + + + + + /export/txt + + + + + + + FIGlet       + + + + + + SVG + + + + + + + svgbob.rs + + + svgbob specs + + + + + + HPGL + + + + + + + vpype + + + + + + SVG + simplified + & joined + + + + + + + vpype + + + + +

- Like cobbled paths, it is a reminder of the permeability between the discrete and the continuous, - and how regular stones can form tortuous paths. -

-
-
-

Handfull links

- -
+ Like cobbled paths, none of those technologies are new, and we've been walking on them for years. + Like cobbled paths, it is a reminder of the permeability between the discrete and the continuous, + and how regular stones can form tortuous paths. +

+
{% endblock %}