CSEdgeOfficial · ArunAllanki · Jun 20, 2024 · Jun 20, 2024 · Jun 20, 2024 · Jun 20, 2024
diff --git a/Medium1/displayFont/1 b/Medium1/displayFont/1
@@ -0,0 +1 @@
+
diff --git a/Medium1/displayFont/digital-7 (italic).ttf b/Medium1/displayFont/digital-7 (italic).ttf
diff --git a/Medium1/displayFont/digital-7 (mono italic).ttf b/Medium1/displayFont/digital-7 (mono italic).ttf
diff --git a/Medium1/displayFont/digital-7 (mono).ttf b/Medium1/displayFont/digital-7 (mono).ttf
diff --git a/Medium1/displayFont/digital-7.ttf b/Medium1/displayFont/digital-7.ttf
diff --git a/Medium1/displayFont/readme.txt b/Medium1/displayFont/readme.txt
@@ -0,0 +1,73 @@
+True Type Fonts: DIGITAL-7 version 1.02
+
+
+EULA
+-==-
+The fonts Digital-7 is freeware for home using.
+
+
+DESCRIPTION
+-=========-
+
+This font created specially for program Calculator-7 (download shareware version: http://www.styleseven.com/ and use 7 days fo free).
+
+The program Calculator-7 offers you the following possibilities:
+* calculate using seven operator: addition, subtraction, multiply, divide, percent, square root, 1 divide to X;
+* set decimal position (0, 2, 3, float) and round type (up, mathematical, down);
+* customize an appearance of work window: scale, fonts for digital panel and buttons, background color;
+* customize an appearance of number in digital panel: leading zero for decimal, thousand separator, decimal separator, digit grouping;
+* calculate total from clipboard (copy data to clipboard from table or text and press one button).
+
+
+Files in digital-7_font.zip:
+       	readme.txt     			this file;
+        digital-7.ttf    		digital-7 regular font;
+	digital-7 (italic).ttf 		digital-7 italic font;
+	digital-7 (mono).ttf    	digital-7 mono font;
+	digital-7 (mono italic).ttf    	digital-7 mono font.
+
+Please visit http://www.styleseven.com/ for download our other products as freeware as shareware.
+We will welcome any useful suggestions and comments; please send them to ms-7@styleseven.com
+
+
+FREEWARE USE (NOTES)
+-=================-
+Also you may: 
+ * Use the font in freeware software (credit needed);
+ * Use the font for your education process.
+
+
+COMMERCIAL OR BUSINESS USE
+-========================-
+
+You can buy font for commercial use here ($24.95): http://store.esellerate.net/s.aspx?s=STR0331655240
+You may:
+ * Include the font to your installation;
+ * Use one license up to 100 computers in your office.
+Please contact us for any questions.
+
+
+WHAT IS NEW?
+-==========-
+
+ Version 1.01 April 05 2009
+ --------------------------
+  * Change Typeface name for fonts "Digital-7 (mono)" and "Digital-7 (italic)" (now available all fonts for select in application, for example Word Pad).
+  * Corrected symbol ':'.
+
+ Version 1.01 April 07 2011
+ --------------------------
+   * Embedding is allowed.
+
+ Version 1.1 June 07 2013
+ --------------------------
+   * Mono Italic font is added.
+
+
+AUTHOR
+-====-
+
+Sizenko Alexander
+Style-7
+http://www.styleseven.com
+Created: October 7 2008
diff --git a/Medium1/index.html b/Medium1/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Calculator</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div id="calculator">
+        <input id="display" placeholder="0" readonly>
+        <div id="keys">
+            <button onclick="appendToDisplay('+')" class="operator">+</button>
+            <button onclick="appendToDisplay('7')">7</button>
+            <button onclick="appendToDisplay('8')">8</button>
+            <button onclick="appendToDisplay('9')">9</button>
+            <button onclick="appendToDisplay('-')" class="operator">-</button>
+            <button onclick="appendToDisplay('4')">4</button>
+            <button onclick="appendToDisplay('5')">5</button>
+            <button onclick="appendToDisplay('6')">6</button>
+            <button onclick="appendToDisplay('*')" class="operator">*</button>
+            <button onclick="appendToDisplay('1')">1</button>
+            <button onclick="appendToDisplay('2')">2</button>
+            <button onclick="appendToDisplay('3')">3</button>
+            <button onclick="appendToDisplay('/')" class="operator">/</button>
+            <button onclick="appendToDisplay('0')">0</button>
+            <button onclick="appendToDisplay('.')">.</button>
+            <button onclick="calculate()">=</button>
+            <button onclick="del()" class="operator">Del</button>
+            <button onclick="clearDisplay()" class="operator">AC</button>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Medium1/script.js b/Medium1/script.js
@@ -0,0 +1,31 @@
+const display = document.getElementById("display")
+
+function appendToDisplay(input){
+    display.value = display.value+input;
+    console.log(typeof(display.value))
+
+}
+
+function del(){
+    display.value = display.value.slice(0,display.value.length-1)
+    console.log(typeof(display.value))
+
+}
+ async function calculate(){
+    try{
+        display.value = eval(display.value);
+    }
+    catch(error){
+        display.value = "Error"
+        setTimeout(() =>{display.value=''},"1000")
+    }
+    if(display.value == 'undefined'){
+        setTimeout(() =>{display.value=''},"1000")
+    }
+
+ }
+
+ function clearDisplay(){
+    display.value = ''
+ }
+
diff --git a/Medium1/styles.css b/Medium1/styles.css
@@ -0,0 +1,84 @@
+
+
+@font-face {
+    font-family: "digital-clock";
+    src: url(displayFont/digital-7.ttf);
+}
+
+body{
+    display:flex;
+    align-items: center;
+    justify-content: center;
+    background-image: linear-gradient( to left, rgb(73, 73, 223), rgb(208, 75, 75));
+
+}
+
+#calculator{
+    font-family: Arial, Helvetica, sans-serif;
+    background-color: rgb(15, 12, 12);
+    max-width: 500px;
+    border-radius: 25px;
+    overflow: hidden;
+
+
+}
+#keys{
+    display: grid;
+    grid-template-columns: repeat(4, 1fr) ;
+    gap: 10px;
+    padding: 30px ;
+
+}
+
+#display{
+    width: 85%;
+    padding: 20px;
+    font-size:5rem;
+    text-align: right;
+    font-family: 'digital-clock';
+    color: rgb(12, 11, 11);
+    border: none;
+    justify-self: center;
+    background-color: rgba(55, 212, 73, 0.804);
+    margin: 20px;
+    border-radius: 10px;
+}
+#display::placeholder{
+    color: rgb(12, 11, 11);
+
+}
+
+button{
+    border: none;
+    width: 80px;
+    height: 80px;
+    border-radius: 40px;
+    color: aliceblue;
+    background-color: rgb(97, 92, 92);
+    font-size: 2rem;
+    font-weight: bold;
+    cursor: pointer ;
+    transition: all  linear;
+
+}
+
+button:hover{
+    background-color: rgb(126, 121, 121);
+}
+button:active{
+    background-color: rgb(175, 169, 169);
+}
+
+.operator{
+    background-color: rgb(209, 140, 12);
+}
+
+.operator:hover{
+    background-color: rgb(236, 158, 14);
+
+}
+
+.operator:active{
+    background-color: rgb(252, 176, 35);
+
+}
diff --git a/Medium2/index.html b/Medium2/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Quizz App</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="App">
+        <h1 class="Q">Test yourself</h1>
+        <hr>
+        <div class="main">
+            <h1 class="timer"></h1>
+            <h1 id="question">Question ??????</h1>
+            <div id="ansButtons">
+                <!-- <button class="option"> BCadeef</button>
+                <button class="option"> BCadeef</button>
+                <button class="option"> BCadeef</button>
+                <button class="option"> BCadeef</button> -->
+            </div>
+            <button id="next">Next</button>
+        </div>
+    </div>    
+    <script src="script.js"></script>
+
+</body>
+</html>