web: minor refactor

src/web/app.ts

@@ -2,24 +2,24 @@ import {LitElement, html} from "lit";
 import {customElement} from "lit/decorators.js";
 
 import "./features/compose-form";
-import "./layout/grid-layout";
+import "./layout/column-layout";
 import "./layout/side-panel";
 
 @customElement("nyano-blog")
 export default class NyanoBlog extends LitElement {
     protected render() {
         return html`
-            <grid-layout>
-                <side-panel slot="left" title="Compose">
+            <column-layout>
+                <side-panel slot="left" headline="Compose">
                     <compose-form></compose-form>
                 </side-panel>
 
                 <div slot="main">main slot</div>
 
-                <side-panel slot="right" title="Notifications">
+                <side-panel slot="right" headline="Notifications">
                     gay gay homo sexual gay uwu
                 </side-panel>
-            </grid-layout>
+            </column-layout>
         `;
     }
 }

src/web/layout/column-layout.ts

@@ -2,8 +2,8 @@ import {LitElement, html, css} from "lit";
 import {customElement} from "lit/decorators.js";
 import withSharedStyles from "../theme";
 
-@customElement("grid-layout")
-export default class GridLayout extends LitElement {
+@customElement("column-layout")
+export default class ColumnLayout extends LitElement {
     protected render() {
         return html`
             <div class="sidebar left">

src/web/layout/side-panel.ts

@@ -6,11 +6,11 @@ import withSharedStyles from "../theme";
 @customElement("side-panel")
 export default class SidePanel extends LitElement {
     @property({type: String, attribute: true})
-    public title = "";
+    public headline = "";
 
     protected render() {
         return html`
-            <h2>${this.title}</h2>
+            <h2>${this.headline}</h2>
             <slot/>
         `;
     }