From d1f9250f6c6d4d4734dac2b2ed16b31ef80955f9 Mon Sep 17 00:00:00 2001 From: Boris Crismancich Date: Thu, 25 Apr 2024 04:48:58 +0200 Subject: [PATCH] Initial commit --- index.html | 27 +++++++++++++++++++++++++++ script.js | 12 ++++++++++++ styles.css | 37 +++++++++++++++++++++++++++++++++++++ 3 files changed, 76 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 styles.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..381ec44 --- /dev/null +++ b/index.html @@ -0,0 +1,27 @@ + + + + + + Connection Guide + + + +
+

Guide to Connecting the Revolution Pi with Cumulocity

+

Table of Contents

+ + +

1. Introduction

+

This guide provides comprehensive instructions for connecting...

+ +
+ 
ssh pi@revpi1234.local
+ +
+ +
+ + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..72aacff --- /dev/null +++ b/script.js @@ -0,0 +1,12 @@ +// script.js +document.querySelectorAll('.copy-btn').forEach(button => { + button.addEventListener('click', function() { + const code = this.previousElementSibling.textContent; + navigator.clipboard.writeText(code).then(() => { + button.textContent = 'Copied!'; + setTimeout(() => { + button.textContent = 'Copy'; + }, 2000); + }); + }); +}); diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..875226d --- /dev/null +++ b/styles.css @@ -0,0 +1,37 @@ +/* styles.css */ +body { + font-family: Arial, sans-serif; +} + +h1, h2, h3 { + color: #333; +} + +.code-block { + position: relative; + background-color: #333; + color: #fff; + padding: 10px; + border-radius: 5px; + margin: 10px 0; +} + +code { + font-family: monospace; +} + +.copy-btn { + position: absolute; + right: 10px; + top: 10px; + padding: 5px 10px; + border: none; + border-radius: 5px; + cursor: pointer; + color: #333; + background-color: #fff; +} + +.copy-btn:hover { + background-color: #eee; +}