From 289cf63d0327b03e92dbe1a830e8836948abb963 Mon Sep 17 00:00:00 2001
From: Aniz <20am014@gmail.com>
Date: Fri, 14 Oct 2022 18:56:29 +0530
Subject: [PATCH 1/2] PR refering to #435
---
index.html | 368 +---------------------------------
geeksay.js => main/geeksay.js | 0
main/styles.css | 366 +++++++++++++++++++++++++++++++++
3 files changed, 369 insertions(+), 365 deletions(-)
rename geeksay.js => main/geeksay.js (100%)
create mode 100644 main/styles.css
diff --git a/index.html b/index.html
index ac5abb8..000c1d7 100644
--- a/index.html
+++ b/index.html
@@ -11,375 +11,13 @@
-
+
+
-
diff --git a/geeksay.js b/main/geeksay.js
similarity index 100%
rename from geeksay.js
rename to main/geeksay.js
diff --git a/main/styles.css b/main/styles.css
new file mode 100644
index 0000000..47503e9
--- /dev/null
+++ b/main/styles.css
@@ -0,0 +1,366 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ height: 100%;
+ font-family: "Poppins", sans-serif;
+ font-weight: 300;
+ background-color: #111111;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23111111' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23161616' href='%23s' y='2'/%3E%3Cuse fill='%23161616' href='%23s' x='1' y='2'/%3E%3Cuse fill='%231b1b1b' href='%23s' x='2' y='2'/%3E%3Cuse fill='%231b1b1b' href='%23s'/%3E%3Cuse fill='%231f1f1f' href='%23s' x='2'/%3E%3Cuse fill='%231f1f1f' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23242424'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23242424'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23292929'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23111111'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%232e2e2e'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%234f53ff'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%234f53ff'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%234f53ff'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: cover;
+ color: #fff;
+ padding: 50px;
+ overflow-x: hidden;
+ font-size: 18px;
+}
+
+.container {
+ max-width: 600px;
+ margin: 0 auto;
+ z-index: 10;
+}
+
+@media (max-width: 570px) {
+ body {
+ padding: 20px;
+ }
+
+ textarea{
+ margin: 0vh -2vh;
+ width: 100% !important;
+ }
+}
+
+h1 {
+ font-family: "Lato", "Helvetica", Arial, sans-serif;
+ font-weight: 300;
+ margin-bottom: 0;
+}
+
+textarea {
+ width: 100%;
+ font-family: "Lato", "Helvetica", Arial, sans-serif;
+ font-weight: 400;
+ font-size: 18px;
+ background: #eee;
+ height: 150px;
+ line-height: 24px;
+ resize: none;
+ padding: 15px;
+ border-radius: 5px;
+ box-sizing: border-box;
+ margin: auto;
+}
+
+textarea:focus {
+ outline: none;
+}
+
+select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ display: inline-block;
+ border: 0;
+ outline: 0;
+ background: transparent;
+ cursor: pointer;
+ font-size: 16px;
+ padding: 0 4px;
+ line-height: 1.5;
+ background-color: #eee;
+ border-radius: 3px;
+ margin: 0 4px 4px 4px;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
+ 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+}
+
+select:focus {
+ background-color: #7bd6cf;
+}
+
+button {
+ background: #4f53ff;
+ border: none;
+ border-radius: 5px;
+ font-family: "Lato", "Helvetica", Arial, sans-serif;
+ color: #fff;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ font-size: 17px;
+ outline: 0;
+ transition: all 0.25s ease;
+ position: relative;
+ height: 35px;
+ padding: 0px 12px;
+ box-shadow: 5px 5px rgba(255, 255, 255, 0.2),
+ 10px 10px rgba(255, 255, 255, 0.1), 15px 15px rgba(255, 255, 255, 0.05);
+}
+
+button:hover {
+ background: #2196f3;
+}
+
+#footer {
+ margin-top: 100px;
+ padding-top: 20px;
+ border-top: 2px solid #4f53ff;
+ text-align: center;
+ text-transform: uppercase;
+}
+
+#footer>p {
+ text-transform: uppercase;
+ font-size: 10px;
+ letter-spacing: 0.2em;
+ padding-right: 6px;
+}
+
+.note {
+ font-size: 12px;
+}
+
+#layman-heading{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+#layman-heading .heading{
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ flex-direction: column;
+}
+
+.red {
+ color: #4f53ff;
+}
+
+a:link,
+a:visited {
+ color: #4f53ff;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #2196f3;
+}
+
+#randomTranslationButton {
+ margin: 30px;
+ margin-top: 30px !important;
+ width: 140px;
+}
+
+/* Hide this somewhere */
+#clipboardContents {
+ opacity: 0;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ z-index: 0;
+}
+
+#output {
+ display: inline-block;
+ width: -webkit-fill-available;
+ padding: 15px;
+ background-color: #151718;
+ color: #2196f3;
+ border: 1px solid #000;
+ border-radius: 5px;
+ font-weight: 500;
+ overflow: auto;
+ min-height: 115px;
+ font-family: "Source Code Pro", monospace;
+ box-shadow: 5px 5px rgba(255, 255, 255, 0.2),
+ 10px 10px rgba(255, 255, 255, 0.1), 15px 15px rgba(255, 255, 255, 0.05);
+}
+
+::-webkit-scrollbar {
+ background: #555;
+ width: 8px;
+ height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+ background: #4f53ff;
+ border-radius: 4px;
+}
+
+::-webkit-scrollbar-corner {
+background: none;
+}
+
+::-webkit-scrollbar-track {
+opacity: 0;
+}
+
+.tweet-btn {
+ margin-top: 3px;
+ background-color: #1d9bf0;
+ border-radius: 5px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ min-width: 140px;
+}
+
+.tweet-btn i{
+ color: #fff;
+ font-size: 17px;
+ padding-top: 3px;
+}
+
+.tweet-btn:hover {
+ background-color: #0f76bb;
+}
+
+.fb-btn {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.fb-btn i{
+ font-size: 15px;
+
+}
+
+.random-quote-button {
+ float: right;
+}
+
+#randomQuoteButton {
+ width: 140px;
+}
+
+.copy-btn{
+ width: 140px;
+}
+
+.rt-btns {
+ float: right;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+#geek-buttons{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+@media (max-width:460px) {
+ #layman-heading{
+ flex-direction: column !important;
+ justify-content: space-between !important;
+ align-items: flex-start !important;
+ }
+ #randomQuoteButton{
+ margin-left: auto;
+ }
+ .social-btns .share-buttons{
+ flex-direction: column !important;
+ gap: 2rem !important;
+ }
+ textarea{
+ width: 100% !important;
+ }
+ #geek-buttons{
+ justify-content: space-between !important;
+ align-items: flex-start !important;
+ flex-direction: column !important;
+ gap: 1rem !important;
+ }
+ .rt-btns{
+ margin-left: auto !important;
+ }
+}
+
+.social-btns{
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+
+.social-btns .share-buttons{
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 20px;
+}
+
+/*
+code for the github profile*/
+
+.github-corner:hover .octo-arm {
+ animation: octocat-wave 560ms ease-in-out;
+ }
+
+ @keyframes octocat-wave {
+
+ 0%,
+ 100% {
+ transform: rotate(0);
+ }
+
+ 20%,
+ 60% {
+ transform: rotate(-25deg);
+ }
+
+ 40%,
+ 80% {
+ transform: rotate(10deg);
+ }
+ }
+
+ @media (max-width: 570px) {
+ .github-corner:hover .octo-arm {
+ animation: none;
+ }
+
+ .github-corner .octo-arm {
+ animation: octocat-wave 560ms ease-in-out;
+ }
+ }
+
+ .animate-geeksay {
+
+ background-image: linear-gradient( 285deg, #231557 0%, #2556ed 29%, #a90ddb 67%, #fff800 100% );
+ background-size: auto auto;
+ background-clip: border-box;
+ background-size: 200% auto;
+ color: #fff;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ animation: textclip 2s linear infinite;
+ display: inline-block;
+ font-size: 35px;
+ font-family: "Source Code Pro", monospace;
+}
+
+@keyframes textclip {
+ to {
+ background-position: 200% center;
+ }
+}
From 21f339d53407c5d76da0a2de827c981873fec92c Mon Sep 17 00:00:00 2001
From: Aniz <20am014@gmail.com>
Date: Thu, 20 Oct 2022 20:11:18 +0530
Subject: [PATCH 2/2] Added the css files in a seperate file
---
main/geeksay.js => geeksay.js | 0
index.html | 371 +---------------------------------
main/styles.css | 88 ++++----
3 files changed, 44 insertions(+), 415 deletions(-)
rename main/geeksay.js => geeksay.js (100%)
diff --git a/main/geeksay.js b/geeksay.js
similarity index 100%
rename from main/geeksay.js
rename to geeksay.js
diff --git a/index.html b/index.html
index d8aa7ef..1a6e5e6 100644
--- a/index.html
+++ b/index.html
@@ -11,380 +11,11 @@
-
+
-
-
-