From 864e85e13b8d2917347fe86f20b3b9065421a560 Mon Sep 17 00:00:00 2001 From: Kalyn Smith Date: Sun, 22 Nov 2020 14:28:52 -0500 Subject: [PATCH] Part one of calculator lab --- .DS_Store | Bin 0 -> 6148 bytes index.html | 47 ++++++++++++++++++++++ scientific.html | 61 ++++++++++++++++++++++++++++ styles.css | 104 ++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 212 insertions(+) create mode 100644 .DS_Store create mode 100644 index.html create mode 100644 scientific.html create mode 100644 styles.css diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..d01f71ba99dcd79762c3a3b71da0265a3401f3f3 GIT binary patch literal 6148 zcmeHKO-sW-5Pg$YXe(%sUWA;)Q^B*Bw4?_QUi1%0)A|9?9vVS!`3wFG!T(s_>@20} z$5l{gVCHRR_wBGRkjVm&(d+aA=mY4`6_YN*4%2z{ElXnNfGE1hyqJ{p37>R3x8Ikq9Ui<;Cyi9*BYmb8;mhTj%(t8jOhmB zbEC>J7ARP0##$Beo?h&$Cr4zTuhr|3UEv)i`3tfN#znJYa!Ssbah6Mt-CO}zz!ms^ z3b1FZbq)34KBT~`~fC>(@V%(dEzPw2szPjx`dBG!h?(ELXr M$l$>h_)!JE0R(qa9smFU literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..aca21aa --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + +
+
+
Standard |
+ Scientific + +
+
0
+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/scientific.html b/scientific.html new file mode 100644 index 0000000..dac9623 --- /dev/null +++ b/scientific.html @@ -0,0 +1,61 @@ + + + + + + +
+
+ Standard +
| Scientific
+ +
+
0
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..a10a29c --- /dev/null +++ b/styles.css @@ -0,0 +1,104 @@ +body{ + background:linear-gradient(to right,#dcd0ff,#fadadd ); + font-family:Georgia; + font-size: 1.25rem; + font-weight: 300; + +} + +/*Sizing and color of calc*/ +#calculator{ + width :425px; + height:400px ; + background-color: whitesmoke; + margin: auto; + margin-top: 100px; + display:grid; + justify-content: center; + align-content:center; + grid-template-columns:repeat(4,100px); + grid-template-rows: minmax(100Spx,auto)repeat(5,100px) ; + border-radius: 12px; +} + +#calculator-two{ + width :800px; + height:530px ; + background-color: whitesmoke; + margin: auto; + margin-top: 100px; + display:grid; + justify-content: center; + align-content:center; + grid-template-columns:repeat(7,100px); + grid-template-rows: minmax(100Spx,auto)repeat(5,100px) ; + border-radius: 12px; +} + + +button{ + font-size:1.5rem; + border:3px solid white; + outline:none; + background-color:lightgray; + border-radius: 12px; +} + +button:hover{ + background-color: whitesmoke; +} + + +#outcome{ + grid-column: 1 / -1; + background-color: lightgray; + display:flex; + align-items:flex-end; + justify-content:space-around; + flex-direction: column; + padding:10px; + margin-top:30px; + border-radius:12px; + word-wrap:break-word; + word-wrap: break-all; + min-height: 60px; + margin-bottom: 20px; +} + +#outcome-two{ + grid-column: 1 / -1; + background-color: lightgray; + display:flex; + align-items:flex-end; + justify-content:space-around; + flex-direction: column; + padding:10px; + margin-top:30px; + border-radius:12px; + word-wrap:break-word; + word-wrap: break-all; + min-height: 60px; + margin-bottom: 20px; +} + + +.previously-typed { + font-size:2.0rem; +} +.currently-typed{ + font-size:2.0em; +} + +.standard{ + margin-bottom:15px; + +} + +.sup { + position: relative; + bottom: 1ex; + font-size: 80%; + } + .span { + grid-column: span 2; + } \ No newline at end of file