From 55233a3382438c574a66fb69712bb623f478498a Mon Sep 17 00:00:00 2001 From: Andy Bunce Date: Tue, 16 Sep 2025 16:50:01 +0100 Subject: [PATCH] [add] grail --- webapp/static/clients/codemirror/grail.css | 69 +++++++++++++++++ webapp/static/clients/codemirror/grail.html | 82 +++++++++++++++++++++ webapp/static/clients/codemirror/index.html | 2 +- webapp/static/clients/codemirror/styles.css | 5 ++ 4 files changed, 157 insertions(+), 1 deletion(-) create mode 100644 webapp/static/clients/codemirror/grail.css create mode 100644 webapp/static/clients/codemirror/grail.html diff --git a/webapp/static/clients/codemirror/grail.css b/webapp/static/clients/codemirror/grail.css new file mode 100644 index 0000000..fbed571 --- /dev/null +++ b/webapp/static/clients/codemirror/grail.css @@ -0,0 +1,69 @@ + + +* { + box-sizing: border-box; +} +body { + background: #e4e4e4; + padding: 5px; + height: 100vh; + margin: 0; + + font: 500 100% system-ui, sans-serif; + text-transform: uppercase; +} +.page-wrap { + background: white; + height: calc(100vh - 10px); + box-shadow: 0 0 3px rgba(black, 0.33); + + display: grid; + grid-template-columns: minmax(10px, 1fr) minmax(10px, 3fr); + grid-template-rows: min-content min-content 1fr min-content; + gap: 1px; + + > * { + padding: 0.5rem; + text-align: center; + } + + @media (max-width: 600px) { + grid-template-columns: 100%; + grid-template-rows: auto; + > * { + grid-column: 1 / -1 !important; + grid-row: auto !important; + } + } +} + +.page-header { + grid-column: 1 / -1; + background: #ffcdd2; +} + +.page-sidebar { + grid-column: 1 / 2; + grid-row: 2 / 4; + background: #e1bee7; +} +.page-nav { + grid-column: 2 / 3; + background: #bbdefb; +} +.page-main { + grid-column: 2 / 3; + background: #dcedc8; +} +.page-footer { + grid-column: 1 / -1; + background: #ffecb3; +} + +details p { + text-transform: none; + text-align: left; +} + + + diff --git a/webapp/static/clients/codemirror/grail.html b/webapp/static/clients/codemirror/grail.html new file mode 100644 index 0000000..207585f --- /dev/null +++ b/webapp/static/clients/codemirror/grail.html @@ -0,0 +1,82 @@ + + + + + + + Codemirror6 example using BaseX LSP + + + + + + + + + +
+
+ Header +
+ +
+
+
+ Article +

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos laborum cumque incidunt, + enim ipsa dicta? Porro illo doloribus, consectetur eum exercitationem sit ipsam, est nesciunt + maxime, eius animi dolor? Harum.

+

Commodi culpa deserunt dolor sed, ipsam tempore ullam architecto fuga voluptas, quis veniam. + Vitae veniam, odit adipisci, quas similique debitis excepturi quisquam minima facere temporibus, + porro optio perferendis iusto fuga.

+

Illo numquam, sapiente neque repellendus facere amet doloribus asperiores quia eum? Sunt vero + amet neque vel? Tempora, nulla voluptatum amet autem culpa magnam debitis! Dolores esse quam + amet nobis ut.

+

Sunt excepturi in nostrum, fugiat veritatis ab sit sequi nemo aperiam deserunt temporibus, + dolorem ex adipisci autem. Quasi, iure fugiat! Nulla amet doloribus velit nam tempora, soluta + consequatur doloremque omnis?

+

Officia ea repellat ad, sapiente eligendi modi magni quos temporibus totam culpa corporis, + dignissimos quibusdam mollitia dolore eaque suscipit soluta beatae ipsam! Aperiam doloremque + vero soluta pariatur possimus. Cupiditate, fuga.

+

Beatae deserunt veritatis magni quis quae enim ad est dignissimos iste, quidem, dolores + temporibus asperiores natus inventore, nobis eius facere adipisci doloremque eligendi autem + magnam excepturi? Inventore, iusto soluta. Maiores.

+

Enim facilis aspernatur, maiores unde at inventore temporibus minima possimus eveniet? Cum alias, + asperiores quibusdam doloribus, vel ullam qui in dicta recusandae eaque atque dolor perspiciatis + tenetur, fugit vero reprehenderit.

+

Reiciendis, deleniti eius nostrum fugit commodi quasi esse molestias non voluptates, corrupti + excepturi voluptatibus, consequatur ipsa animi placeat quia corporis ut itaque quos pariatur + inventore. Quasi incidunt sapiente quisquam soluta?

+

Laboriosam eos atque possimus assumenda quia voluptatem saepe optio, eveniet laborum. Sit esse + doloremque laboriosam? Ullam inventore ut facilis accusamus, ipsum, autem labore incidunt + consequatur eos dolorem, sit aperiam odit.

+

Consequuntur pariatur illum doloremque, necessitatibus praesentium quis cumque officiis non + commodi reprehenderit quaerat velit saepe impedit vitae dolores, veritatis reiciendis ducimus + nobis totam, itaque porro temporibus excepturi error iste! Sunt.

+

Commodi culpa deserunt dolor sed, ipsam tempore ullam architecto fuga voluptas, quis veniam. + Vitae veniam, odit adipisci, quas similique debitis excepturi quisquam minima facere temporibus, + porro optio perferendis iusto fuga.

+

Illo numquam, sapiente neque repellendus facere amet doloribus asperiores quia eum? Sunt vero + amet neque vel? Tempora, nulla voluptatum amet autem culpa magnam debitis! Dolores esse quam + amet nobis ut.

+

Sunt excepturi in nostrum, fugiat veritatis ab sit sequi nemo aperiam deserunt temporibus, + dolorem ex adipisci autem. Quasi, iure fugiat! Nulla amet doloribus velit nam tempora, soluta + consequatur doloremque omnis?

+

Officia ea repellat ad, sapiente eligendi modi magni quos temporibus totam culpa corporis, + dignissimos quibusdam mollitia dolore eaque suscipit soluta beatae ipsam! Aperiam doloremque + vero soluta pariatur possimus. Cupiditate, fuga.

+
+
+
+ +
+ Footer +
+
+ + + \ No newline at end of file diff --git a/webapp/static/clients/codemirror/index.html b/webapp/static/clients/codemirror/index.html index ed88669..ccee92b 100644 --- a/webapp/static/clients/codemirror/index.html +++ b/webapp/static/clients/codemirror/index.html @@ -39,7 +39,7 @@
-
+
(msgs)