From b1df5a6c1cd87016797a0582875ad6bd315010ff Mon Sep 17 00:00:00 2001 From: s1n <50817549+8cy@users.noreply.github.com> Date: Wed, 4 Mar 2020 01:58:07 -0800 Subject: int --- css-gradient/css/main.css | 5 +++ css-gradient/index.html | 16 ++++++++ download-test/README.md | 45 +++++++++++++++++++++++ download-test/assets/downloads/Download Test.rar | Bin 0 -> 36122 bytes download-test/index.html | 12 ++++++ index.html | 16 ++++++++ made-with-love/css/main.css | 7 ++++ made-with-love/index.html | 15 ++++++++ scrolling-title/README.md | 7 ++++ scrolling-title/index.html | 30 +++++++++++++++ scrolling-title/js/main.js | 12 ++++++ 11 files changed, 165 insertions(+) create mode 100644 css-gradient/css/main.css create mode 100644 css-gradient/index.html create mode 100644 download-test/README.md create mode 100644 download-test/assets/downloads/Download Test.rar create mode 100644 download-test/index.html create mode 100644 index.html create mode 100644 made-with-love/css/main.css create mode 100644 made-with-love/index.html create mode 100644 scrolling-title/README.md create mode 100644 scrolling-title/index.html create mode 100644 scrolling-title/js/main.js diff --git a/css-gradient/css/main.css b/css-gradient/css/main.css new file mode 100644 index 0000000..894ddd2 --- /dev/null +++ b/css-gradient/css/main.css @@ -0,0 +1,5 @@ +body { + background-image: linear-gradient(to bottom right, #ff9eaa 0% 65%, #e860ff 95% 100%); + background-position: center; /* You can remove this, but atm it changes the colour to a blue-ish gradient. */ + background-attachment: fixed; +} diff --git a/css-gradient/index.html b/css-gradient/index.html new file mode 100644 index 0000000..0a1a917 --- /dev/null +++ b/css-gradient/index.html @@ -0,0 +1,16 @@ + + + + + + + + s1nical - CSS Gradient + + + + + + + + diff --git a/download-test/README.md b/download-test/README.md new file mode 100644 index 0000000..d9ab8a3 --- /dev/null +++ b/download-test/README.md @@ -0,0 +1,45 @@ + +## Table of Contents + +* [Usage](#usage) +* [License](#license) +* [Contact](#contact) + + + + +## Usage + +This is the most basic method of creating a downloadable file, demo. + +```html +Link text +``` +

+You can also **add text** into the `` tag **to create a button.** + +```html +Link text +``` +

+Or you can **rename the downloadable file** using the `download=""` variable. + +```html +Download the report +``` + + + + +## License + +Distributed under the MIT License. See [`LICENSE`](./LICENSE) for more information. + + + + +## Contact + +s1nical - [@9inny](https://twitter.com/9inny) - bis@maldrama.tk + +Project Link: [https://github.com/8cy/html-examples/download-test](https://github.com/8cy/download-test) diff --git a/download-test/assets/downloads/Download Test.rar b/download-test/assets/downloads/Download Test.rar new file mode 100644 index 0000000..cba1231 Binary files /dev/null and b/download-test/assets/downloads/Download Test.rar differ diff --git a/download-test/index.html b/download-test/index.html new file mode 100644 index 0000000..ab2a32e --- /dev/null +++ b/download-test/index.html @@ -0,0 +1,12 @@ + + + + + + + s1nical - Download Test + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..54759b9 --- /dev/null +++ b/index.html @@ -0,0 +1,16 @@ + + + + + + s1nical - HTML Examples + + +
+ CSS Gradient + Download Test + Made with Love + Scrolling Title +
+ + diff --git a/made-with-love/css/main.css b/made-with-love/css/main.css new file mode 100644 index 0000000..af26ded --- /dev/null +++ b/made-with-love/css/main.css @@ -0,0 +1,7 @@ +.footer{ + position: fixed; + text-align: center; + bottom: 0px; + width: 100%; + left: 0%; +} \ No newline at end of file diff --git a/made-with-love/index.html b/made-with-love/index.html new file mode 100644 index 0000000..0693d41 --- /dev/null +++ b/made-with-love/index.html @@ -0,0 +1,15 @@ + + + + + + + Made with Love + + + + +
Made with by sin
+ + + \ No newline at end of file diff --git a/scrolling-title/README.md b/scrolling-title/README.md new file mode 100644 index 0000000..4af7851 --- /dev/null +++ b/scrolling-title/README.md @@ -0,0 +1,7 @@ +# Scrolling Title + + +You can either choose to link the external Javascript to your index.html or you can include a Javascript ` + + + + + + + \ No newline at end of file diff --git a/scrolling-title/js/main.js b/scrolling-title/js/main.js new file mode 100644 index 0000000..f2b20ac --- /dev/null +++ b/scrolling-title/js/main.js @@ -0,0 +1,12 @@ +var space = " "; +var speed = "60"; +var pos = 0; +var msg = "// s1n.ical "; /*Enter the scrolling title as the msg variable's value.*/ + +function Scroll() { + document.title = msg.substring(pos, msg.length) + space + msg.substring(0, pos); + pos++; + if (pos > msg.length) pos = 0; + window.setTimeout("Scroll()", speed); +} +Scroll(); \ No newline at end of file -- cgit v1.2.3