From 5fb8602c8db9ed01a48a851fb3e9010677254029 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Benjamin=20B=C3=A4dorf?= Date: Mon, 4 Nov 2019 15:05:49 +0100 Subject: [PATCH] Added css-edit file, updated drone yml --- .drone.yml | 30 +++++++++------- css-edit/index.html | 86 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 104 insertions(+), 12 deletions(-) create mode 100644 css-edit/index.html diff --git a/.drone.yml b/.drone.yml index 582c923..c307e97 100644 --- a/.drone.yml +++ b/.drone.yml @@ -1,14 +1,20 @@ -pipeline: - publish: +kind: pipeline +type: docker +name: default +steps: + - name: publish + when: + branch: + - master image: appleboy/drone-scp repo: b12f/bbcom - host: web5svsvy.wh.hosting.zone - port: 2244 - secrets: - - source: bbcom_ssh_key - target: scp_key - - source: bbcom_ssh_user - target: scp_username - source: ./* - target: /home/web5svsvy/html/benjaminbaedorf.eu/ - rm: true \ No newline at end of file + settings: + host: web5svsvy.wh.hosting.zone + port: 2244 + username: + from_secret: bbcom_ssh_user + key: + from_secret: bbcom_ssh_key + source: ./* + target: /home/web5svsvy/html/benjaminbaedorf.eu/ + rm: true diff --git a/css-edit/index.html b/css-edit/index.html new file mode 100644 index 0000000..06bc640 --- /dev/null +++ b/css-edit/index.html @@ -0,0 +1,86 @@ + + + Edit CSS inline + + +

Edit CSS inline

+

This page demonstrates a nifty HTML trick. If you make a style tag contenteditable and display: block; it, you can change the styles for a page live.

+ +

For example, try editing the styles for the paragraphs and h1 below:

+ + + +

Since this is CSS that is interpreted by the browser, you can write any valid css, like media queries or pseudo-element selectors.

+ + +

The CSS Below sets up the style tags. If you find a light theme easier, try changing the background color and font color. Be careful though, if you change the display value here, you loose the ability to view and edit the styles

+ + +

This is an idea that came up after viewing this brilliant HTML quine. Code is here.

+ +