diff --git a/about.css b/about.css new file mode 100644 index 0000000..7a1fc6f --- /dev/null +++ b/about.css @@ -0,0 +1,52 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +@font-face { + font-family: "Roboto"; + src: url("Roboto/Roboto-Bold.ttf") format("truetype"); +} + +body { + background: url("./images/bg.jpg"); + /* background: #242a36; */ + min-height: 100vh; + color: #fff; +} + +.container { + text-align: center; + height: 90vh; + perspective: 20cm; +} +.side { + height: 8rem; + display: flex; + justify-content: center; + align-items: center; + color: #ffffff; +} +h1 { + font-size: 2.5rem; + cursor: default; + /* text-shadow: -5px 5px 5px #000000c9; */ +} + +h2{ + text-align: center; + margin-top: -550px; +} + + +p{ + font-size: 24px; + margin-top: 10px; + margin-left: 140px; + margin-right: 140px; +} + +#saved-scroll-heading{ + font-size: 40px; +} \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..f9eab9f --- /dev/null +++ b/about.html @@ -0,0 +1,39 @@ + + + + + Scrroll In About Me + + + + + +
+
+

+ Scrroll-In


+

+ ✨ Scrroll-In is an extension allows you to save the scroll position of the page and then revisit the page at any time to continue where you left. + Also, you can save multiple scrolls from the page and fetch the last saved scroll. + If you dont want a scroll you can simply delete it. + Extension allows you to see all the saved scrolls arranged in the newly first order where you can delete any specific scroll or clear all the scrolls at once. + You can use update the scroll which will replace the last saved scroll with the current one. + You can add customizable keyboard shortcuts to save, fetch or delete scrolls without having to open the extension popup. + The extension auto fetches the last saved scroll position on page load, if page has any saved scroll. + +


+

+ 📜 Completely free and open source:
+ Scrroll-In was and will always be free to use and open source.
Feel free to open an issue for feature request or bug report on the issues page on Github. +



+

+ github + twitter +


+

+ Version - 2.9 +

+ + \ No newline at end of file diff --git a/images/github_icon.png b/images/github_icon.png new file mode 100644 index 0000000..0575a4d Binary files /dev/null and b/images/github_icon.png differ diff --git a/images/info-2-16.png b/images/info-2-16.png new file mode 100644 index 0000000..85aa8af Binary files /dev/null and b/images/info-2-16.png differ diff --git a/images/info-2-32.png b/images/info-2-32.png new file mode 100644 index 0000000..1cb47b2 Binary files /dev/null and b/images/info-2-32.png differ diff --git a/images/twitter_icon.png b/images/twitter_icon.png new file mode 100644 index 0000000..21bcd90 Binary files /dev/null and b/images/twitter_icon.png differ diff --git a/popup.css b/popup.css index b3d0b4b..f52cedc 100644 --- a/popup.css +++ b/popup.css @@ -122,3 +122,8 @@ h2 { a { color: white; } + +.about { + float: right; + margin-right: -12px; +} \ No newline at end of file diff --git a/popup.html b/popup.html index c24fe2c..b6d2b7b 100644 --- a/popup.html +++ b/popup.html @@ -21,5 +21,9 @@
+
+