diff --git a/css/111.png b/css/111.png new file mode 100644 index 0000000..da85e07 Binary files /dev/null and b/css/111.png differ diff --git a/css/12.png b/css/12.png new file mode 100644 index 0000000..1a126da Binary files /dev/null and b/css/12.png differ diff --git a/css/bksplash.jpg b/css/bksplash.jpg new file mode 100644 index 0000000..078e13d Binary files /dev/null and b/css/bksplash.jpg differ diff --git a/css/splash.css b/css/splash.css index a117fcd..9609bc2 100644 --- a/css/splash.css +++ b/css/splash.css @@ -1 +1,53 @@ -//backup \ No newline at end of file + +/* Set height to 100% for body and html to enable the background image to cover the whole page: */ +body, html { + height: 100% +} + +.bgimg { + /* Background image */ + background-image: url('bksplash.jpg'); + /* Full-screen */ + height: 100%; + /* Center the background image */ + background-position: center; + /* Scale and zoom in the image */ + background-size: cover; + /* Add position: relative to enable absolutely positioned elements inside the image (place text) */ + position: relative; + /* Add a white text color to all elements inside the .bgimg container */ + color: white; + /* Add a font */ + font-family: "Courier New", Courier, monospace; + /* Set the font-size to 25 pixels */ + font-size: 25px; +} + +/* Position text in the top-left corner */ +.topleft { + position: absolute; + top: 0; + left: 16px; +} + +/* Position text in the bottom-left corner */ +.bottomleft { + position: absolute; + bottom: 0; + left: 16px; +} + +/* Position text in the middle */ +.middle { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; +} + +/* Style the
element */ +hr { + margin: auto; + width: 40%; +} diff --git a/js/about.js b/js/about.js index 1cdf224..e5e9a58 100644 --- a/js/about.js +++ b/js/about.js @@ -3,7 +3,7 @@ $(document).ready(function(){ $(this).toggleClass('open'); if($('#mySidenav').css('width') === '400px') $('#mySidenav').css('width', '0px'); - else + else $('#mySidenav').css('width', '400px'); }); -}); \ No newline at end of file +}); diff --git a/js/biobrick.js b/js/biobrick.js index 1cdf224..e5e9a58 100644 --- a/js/biobrick.js +++ b/js/biobrick.js @@ -3,7 +3,7 @@ $(document).ready(function(){ $(this).toggleClass('open'); if($('#mySidenav').css('width') === '400px') $('#mySidenav').css('width', '0px'); - else + else $('#mySidenav').css('width', '400px'); }); -}); \ No newline at end of file +}); diff --git a/js/crash.js b/js/crash.js index 1cdf224..e5e9a58 100644 --- a/js/crash.js +++ b/js/crash.js @@ -3,7 +3,7 @@ $(document).ready(function(){ $(this).toggleClass('open'); if($('#mySidenav').css('width') === '400px') $('#mySidenav').css('width', '0px'); - else + else $('#mySidenav').css('width', '400px'); }); -}); \ No newline at end of file +}); diff --git a/js/index.js b/js/index.js index 1cdf224..e5e9a58 100644 --- a/js/index.js +++ b/js/index.js @@ -3,7 +3,7 @@ $(document).ready(function(){ $(this).toggleClass('open'); if($('#mySidenav').css('width') === '400px') $('#mySidenav').css('width', '0px'); - else + else $('#mySidenav').css('width', '400px'); }); -}); \ No newline at end of file +}); diff --git a/splash.html b/splash.html index 2c983ec..f42fab7 100644 --- a/splash.html +++ b/splash.html @@ -3,7 +3,7 @@ Synthetic Biology - + @@ -15,28 +15,16 @@ - - - -
- Home - Synth Biology - BioBricks - Riboswitches - About -
- -
-

Home

+
+
+

E-learning Module

+

For

+ +

Brought to you

+

By

+ +
- - \ No newline at end of file +