Merge branch 'master' of https://git.xpub.nl/XPUB/SI21

1 year ago · f1a6c66fa5
parent 64dcce2edf c0212a2b84
commit f1a6c66fa5
3 changed files with 76 additions and 2 deletions
--- a/AdaBobbiCara/enconv.html
+++ b/AdaBobbiCara/enconv.html
@ -5,7 +5,7 @@
 	<meta charset="UTF-8">
    <!-- CSS -->
-    <link rel="stylesheet" href="/public_html/si21-2/enconv/enconv.css">
+    <link rel="stylesheet" href="./enconv.css">
 </head>
 <body>
@ -19,7 +19,7 @@
 	<form>
 		<label for="input">Input:</label>
 		<input type="text" id="input" name="input" placeholder="Type a word...">
-		<button>Convert</button>
+		<button onclick="convert();">Convert</button>
 	</form>
 	<!-- adding table with all encodings -->
@ -33,4 +33,11 @@
 		</tr>
 	</table>
 </body>
 <script>
 	function convert(){
 		event.preventDefault();
 		var charles = document.getElementById("input").value;
 		console.log(charles,charles.charCodeAt(0).toString(2),charles.charCodeAt(0).toString(16),charles.charCodeAt(0).toString(10));
 	}
 </script>
 </html>
--- a/rosettastone/index.html
+++ b/rosettastone/index.html
@ -0,0 +1,19 @@
 <!DOCTYPE html>
 <html>
 <head>
 <link rel="stylesheet" href="stylesheet.css">
 </head>
 <body>
 <div class="wrap">
   <div class="search">
      <input type="text" class="searchTerm" placeholder="input">
      <button type="submit" class="searchButton">
        <i class="fa fa-search"></i>
     </button>
   </div>
 </div>
 </body>
 </html>
--- a/rosettastone/stylesheet.css
+++ b/rosettastone/stylesheet.css
@ -0,0 +1,48 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
 body{
  background: #f2f2f2;
  font-family: 'Open Sans', sans-serif;
 }
 .search {
  width: 100%;
  position: relative;
  display: flex;
 }
 .searchTerm {
  width: 100%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
 }
 .searchTerm:focus{
  color: #00B4CC;
 }
 .searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
 }
 /*Resize the wrap to see the search bar change!*/
 .wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }