diff --git a/beak.html b/beak.html new file mode 100644 index 0000000000000000000000000000000000000000..ebd1422e4a9a1bb70893ca09134f19020ad8d1c9 --- /dev/null +++ b/beak.html @@ -0,0 +1,24 @@ + + + +real time beaker + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/beaker.jpg b/beaker.jpg new file mode 100644 index 0000000000000000000000000000000000000000..20c1612b48b05255d71471d15e14ea45427a8b43 Binary files /dev/null and b/beaker.jpg differ diff --git a/bhanu b/bhanu new file mode 100644 index 0000000000000000000000000000000000000000..bf69cf9989cb7c09bce384ac3c5b7804516d762d --- /dev/null +++ b/bhanu @@ -0,0 +1,32 @@ + + + + +
+ +

+ +

+ + + + + + + + + diff --git a/bucket.css b/bucket.css new file mode 100644 index 0000000000000000000000000000000000000000..63f021d2d71604d7b97fec45a363c7ffe24f6599 --- /dev/null +++ b/bucket.css @@ -0,0 +1,92 @@ +body { background-color: #0e83cd; } + +#container { + height: 270px; + margin: 50px auto; + overflow: hidden; + position: relative; + width: 248px; +} + +#container div { position: absolute; } + +#beaker { + border: 10px solid #FFF; + border-top: 0; + border-radius: 0 0 30px 30px; + height: 200px; + left: 14px; + bottom: 0; + width: 200px; +} + +#beaker:before, +#beaker:after { + border: 10px solid #FFF; + border-bottom: 0; + border-radius: 30px 30px 0 0; + content: ''; + height: 30px; + position: absolute; + top: -40px; + width: 30px; +} + +#beaker:before { left: -50px; } +#beaker:after { right: -50px; } + +#liquid { + background-color: #3C6; + border: 10px solid #3C6; + border-radius: 0 0 20px 20px; + bottom: 0; + height: 170px; + overflow: hidden; + width: 180px; +} + +#liquid:after { + background-color: rgba(255, 255, 255, 0.25); + bottom: -10px; + content: ''; + height: 200px; + left: -40px; + position: absolute; + transform: rotate(30deg); + -webkit-transform: rotate(15deg); + width: 110px; +} + +#liquid .bubble { + -webkit-animation-name: bubble; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + background-color: rgba(255, 255, 255, 0.2); + bottom: 0; + border-radius: 10px; + height: 20px; + width: 20px; +} + +@-webkit-keyframes bubble { + 0% { bottom: 0; } + + 50% { + background-color: rgba(255, 255, 255, 0.2); + bottom: 80px; + } + + 100% { + background-color: rgba(255, 255, 255, 0); + bottom: 160px; + } +} + +@for $i from 1 through 7 { + .bubble:nth-child(#{$i}) { + left: random(180) * 1px; + -webkit-animation-delay: random() * 30ms; + -webkit-animation-duration: (random(10) + 3) * 100ms; + -webkit-transform: scale((random(10) + 3)/10); + } +} \ No newline at end of file diff --git a/bucket.scss b/bucket.scss new file mode 100644 index 0000000000000000000000000000000000000000..63f021d2d71604d7b97fec45a363c7ffe24f6599 --- /dev/null +++ b/bucket.scss @@ -0,0 +1,92 @@ +body { background-color: #0e83cd; } + +#container { + height: 270px; + margin: 50px auto; + overflow: hidden; + position: relative; + width: 248px; +} + +#container div { position: absolute; } + +#beaker { + border: 10px solid #FFF; + border-top: 0; + border-radius: 0 0 30px 30px; + height: 200px; + left: 14px; + bottom: 0; + width: 200px; +} + +#beaker:before, +#beaker:after { + border: 10px solid #FFF; + border-bottom: 0; + border-radius: 30px 30px 0 0; + content: ''; + height: 30px; + position: absolute; + top: -40px; + width: 30px; +} + +#beaker:before { left: -50px; } +#beaker:after { right: -50px; } + +#liquid { + background-color: #3C6; + border: 10px solid #3C6; + border-radius: 0 0 20px 20px; + bottom: 0; + height: 170px; + overflow: hidden; + width: 180px; +} + +#liquid:after { + background-color: rgba(255, 255, 255, 0.25); + bottom: -10px; + content: ''; + height: 200px; + left: -40px; + position: absolute; + transform: rotate(30deg); + -webkit-transform: rotate(15deg); + width: 110px; +} + +#liquid .bubble { + -webkit-animation-name: bubble; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + background-color: rgba(255, 255, 255, 0.2); + bottom: 0; + border-radius: 10px; + height: 20px; + width: 20px; +} + +@-webkit-keyframes bubble { + 0% { bottom: 0; } + + 50% { + background-color: rgba(255, 255, 255, 0.2); + bottom: 80px; + } + + 100% { + background-color: rgba(255, 255, 255, 0); + bottom: 160px; + } +} + +@for $i from 1 through 7 { + .bubble:nth-child(#{$i}) { + left: random(180) * 1px; + -webkit-animation-delay: random() * 30ms; + -webkit-animation-duration: (random(10) + 3) * 100ms; + -webkit-transform: scale((random(10) + 3)/10); + } +} \ No newline at end of file diff --git a/ch3co2h.PNG b/ch3co2h.PNG new file mode 100644 index 0000000000000000000000000000000000000000..67fea20239cfedb5f670b6f0dc88a4ca5c1fb674 Binary files /dev/null and b/ch3co2h.PNG differ diff --git a/ch3cooh.PNG b/ch3cooh.PNG new file mode 100644 index 0000000000000000000000000000000000000000..265a1d3bf055bc29efcf24dd7200964a7f57448f Binary files /dev/null and b/ch3cooh.PNG differ diff --git a/chemicals.jpg b/chemicals.jpg new file mode 100644 index 0000000000000000000000000000000000000000..216fd73145525a879e31014bbe415267ad7d52b2 Binary files /dev/null and b/chemicals.jpg differ diff --git a/day.txt b/day.txt new file mode 100644 index 0000000000000000000000000000000000000000..bcfdcae04939ddd13e9645bbe9b05e7cbdcb903c --- /dev/null +++ b/day.txt @@ -0,0 +1,95 @@ +div { + display: block; +} +#wrapper { + width: 400px; + height:400px; +} + +#first { + float:left; + width: 33%; + height: 100%; + background: red; +} + +#second { + float:left; + width: 67%; + height: 30%; + background: green; +} + +#third { + float:left; + width: 67%; + height: 70%; + background: blue; +} + + +
+
+
+
+
+==================================================== + + + +body{ + width: available; + height: available; +} + +.container{ + width: available; + height: available; +} + +.leftpane{ + width: 25%; + min-width: 350px; + height: available; + min-height: 400px; + float: left; + background-color: rosybrown; + border-collapse: collapse; +} + +.middlepane{ + width: 50%; + min-width: 800px; + height: available; + min-height: 650px; + float: left; + background-color: royalblue; + border-collapse: collapse; +} + +.rightpane{ + width: available; + height: available; + position: relative; + margin-left: 75%; + background-color: yellow; + border-collapse: collapse; +} + +.toppane{ + width: available; + height: 100px; + border-collapse: collapse; + background-color: #4da6ff; +} + + +
+
Test Page
+

Test Page

+
Test Page
+

Test Page

+
+================================================================== + + diff --git a/h2so4.PNG b/h2so4.PNG new file mode 100644 index 0000000000000000000000000000000000000000..1e4e6282e9a4d0f14af6a9be1cf3eca87d094f79 Binary files /dev/null and b/h2so4.PNG differ diff --git a/hcl.PNG b/hcl.PNG new file mode 100644 index 0000000000000000000000000000000000000000..5cf2238fb9206555a9ed58ddea0d6c2a9f4d6a6e Binary files /dev/null and b/hcl.PNG differ diff --git a/hno3.PNG b/hno3.PNG new file mode 100644 index 0000000000000000000000000000000000000000..8cabbd21bb4ebd7f3ecdd8e181c9e335e2686498 Binary files /dev/null and b/hno3.PNG differ diff --git a/litmus.html b/litmus.html new file mode 100644 index 0000000000000000000000000000000000000000..60b376d2156f15d744b81d19d52f065e73af8ff0 --- /dev/null +++ b/litmus.html @@ -0,0 +1,97 @@ + + + +LITMUS Test + + + + + + + +
+ +
+

+

+ +

+

+ +

+

+ +
+
+

+ + +











+ + +
+
+

+

+ +

+

+ +

+

+ +
+ + + diff --git a/litmus.jpg b/litmus.jpg new file mode 100644 index 0000000000000000000000000000000000000000..85e75b3640a4a2ad4b514259f0c74b505421694a Binary files /dev/null and b/litmus.jpg differ diff --git a/na2so4.PNG b/na2so4.PNG new file mode 100644 index 0000000000000000000000000000000000000000..0dfe589f0263b2574577ab8253651fb28b01d1fe Binary files /dev/null and b/na2so4.PNG differ