diff --git a/css/theme.css b/css/theme.css index 3d4b219..25ec080 100755 --- a/css/theme.css +++ b/css/theme.css @@ -156,7 +156,7 @@ span.caret { .terminal a { font-family:courier,fixed; font-size: 13px; - color:#fff; + color:#dbdbdb; } /*Base Mobile Layout*/ @@ -165,7 +165,7 @@ span.caret { margin: 2vh auto; font-family:courier,fixed; font-size: 13px; - color:#fff; + color: #dbdbdb; border: 1px solid black; border-radius: 6px; @@ -177,6 +177,15 @@ span.caret { #titlebar, #navbar { background: #33373a; + overflow: hidden; +} + +#titlebar { + height: 33px; +} + +#navbar { + height: 30px; } #tab-left, #tab-right, #tab-bottom, #titlebar, #navbar { @@ -184,6 +193,9 @@ span.caret { float: left; } +#tab-bottom { + background: #859900; +} #tab-left-container { height:100%; @@ -204,29 +216,21 @@ span.caret { } #titlebar { - width: 100%; float: top; - height: 33px; - overflow: hidden; } #navbar { - width: 100%; float: top; - height: 30px; - overflow: hidden; } #tab-left { width: 50%; - float: left; height: 80vh; overflow: auto; } #tab-right { width: 50%; - float: left; height: 80vh; overflow: auto; } @@ -303,6 +307,16 @@ img.pixelated { } +.login-session { + font-weight: bold; + color: #859900; +} + +.tilde { + color: #0085e3; +} + + @font-face { font-family: 'elementary'; diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..959a608 Binary files /dev/null and b/favicon.ico differ diff --git a/font/elementary.woff b/font/elementary.woff new file mode 100644 index 0000000..acd2285 Binary files /dev/null and b/font/elementary.woff differ diff --git a/index.html b/index.html index febc292..cdaf185 100755 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ Meliurwen's Personal Page + @@ -27,7 +28,7 @@
-
+
@@ -69,21 +70,11 @@
-
+
 
-
-
- -   -
-
-
- [web-portfolio_0:bash* - "meliurwen-web-server.remotedatacenter" 10:53 20-Feb-18 -
@@ -202,18 +193,13 @@ function writeStuff() { var typewriter = require('typewriter'); - var twSpanLeft = document.getElementById('typewriter-left'); - var twSpanRight = document.getElementById('typewriter-right'); + twSpanLeft = document.getElementById('typewriter-left'); - var twLeft = typewriter(twSpanLeft).withAccuracy(95) - .withMinimumSpeed(5) - .withMaximumSpeed(17) + twLeft = typewriter(twSpanLeft).withAccuracy(95) + .withMinimumSpeed(35) + .withMaximumSpeed(50) .build(); - var twRight = typewriter(twSpanRight).withAccuracy(95) - .withMinimumSpeed(5) - .withMaximumSpeed(17) - .build(); twLeft.put('elementary OS Loki meliurwen-web-server tty1
\ meliurwen-web-server login: ') @@ -230,25 +216,55 @@ Welcome to elementary OS Loki bla bla
\
\ 0 packages have to be updated
\ 0 security updates
\ -guest@meliurwen-web-server:~$ ') +:~$ ') .waitRange(500, 1000) .type('tmux') .put('
', function () {document.getElementById('typewriter-left').innerHTML = ""; - twRight.put('guest@meliurwen-web-server:~$ ') - .wait(1000) + //Generating tmux's interface + ///Right tab + tabRight = document.createElement("div"); + tabRight.id = "tab-right"; + + tabRight.innerHTML ='\ +
\ + \ +  \ +
'; + + ///Footer + tabBottom = document.createElement("div"); + tabBottom.id = "tab-bottom"; + + tabBottom.innerHTML = '\ + [web-portfolio_0:bash*\ + "meliurwen-web-server.remotedatacenter" 10:53 20-Feb-18' + + document.getElementById("tab-left-container").style = null; + document.getElementById("terminal-1").appendChild(tabRight); + document.getElementById("terminal-1").appendChild(tabBottom); + //End + + twSpanRight = document.getElementById('typewriter-right'); + + twRight = typewriter(twSpanRight).withAccuracy(95) + .withMinimumSpeed(35) + .withMaximumSpeed(50) + .build(); + + twRight.put('guest@meliurwen-web-server:~$ ') + .wait(700) .type('./menu.sh') .put('
', function () {tabRight = document.getElementById('tab-right');tabRight.className = "tab-center";tabRight.innerHTML = "
";}); - }); - twLeft.put('guest@meliurwen-web-server:~$ ') - .wait(3500) + twLeft.put(':~$ ') + .wait(2000) .type('ssh guest@192.168.1.1') .put('
') - .waitRange(1000, 1500) + .waitRange(250, 500) .put("guest@192.168.1.1\'s password:
") - .waitRange(2000, 3500) + .waitRange(300, 700) .put('Linux 4.9.0-4-amd64 #1 SMP Debian 4.9.51-1 (2017-09-28) x86_64
') .put(' _ _ _
\ | | | | | |
\ @@ -257,15 +273,15 @@ guest@meliurwen-web-server:~$ ') \\ /\\ / __/ | (_| (_) | | | | | | __/
\ \\/ \\/ \\___|_|\\___\\___/|_| |_| |_|\\___|
\ Last login: Thu Feb 15 20:54:55 2018 from 192.168.1.2
') - .put('guest@192.168.1.1:~$ ') - .waitRange(100, 2000) + .put(':~$ ') + .waitRange(100, 800) .type('ls -a') .put('
') .waitRange(250, 350) .put('. .. Documents Pictures www .superSecretStuff') .put('
') - .put('guest@192.168.1.1:~$ ') - .wait(1500) + .put(':~$ ') + .wait(500) .type('ls -a D') .wait(300) .put('ocuments/') @@ -273,36 +289,44 @@ Last login: Thu Feb 15 20:54:55 2018 from 192.168.1.2
') .waitRange(250, 350) .put('. .. portfolio.txt') .put('
') - .put('guest@192.168.1.1:~$ ') - .wait(2500) - .type('cat D') + .put(':~$ ') + .wait(1000) + .type('clear && figlet Portfolio && cat D') .put('ocuments/') .wait(600) .put('portfolio.txt') .put('
') - .wait(1000) - .put('Photo: ../Picutures/propic.png
\ -Name: Meliurwen N.
\ -Living in: Milan, Italy
\ + .wait(700, function () {document.getElementById('typewriter-left').innerHTML = "";}) + .put(' ____ _ __ _ _
\ +| _ \\ ___ _ __| |_ / _| ___ | (_) ___
\ +| |_) / _ \\| \'__| __| |_ / _ \\| | |/ _ \\
\ +| __/ (_) | | | |_| _| (_) | | | (_) |
\ +|_| \\___/|_| \\__|_| \\___/|_|_|\\___/
\ +
\ +Photo: ../Picutures/propic.png
\ +Name: Meliurwen N.
\ +Living in: Milan, Italy
\ Actual occupation: Student
\ -Fields of study: Computer Science (undergraduate)
\ - Industrial Engineer spec. in Metallurgy
\
\ -[Languages]
\ +[Fields of study]
\ +Computer Science (undergraduate)
\ +Industrial Engineer spec. in Metallurgy
\ +
\ +[Languages]
\ Italian - native
\ English - B2
\ French - B1
\ Spanish - A2
\
\ -[Programming&Markup Languages]
\ +[Programming&Markup Languages]
\ Java, Python 3.X, PHP, Javascript, HTML, CSS, SQL, C, R
\
\ -[Contacts and Socials]
\ +[Contacts and Socials]
\ Email: meliurwen@gmail.com
\ Github: github.com/meliurwen (Projects)
\ Steam: steamcommunity.com/id/meliurwen (gaming)') .put('
') - .put('guest@192.168.1.1:~$ ', function () {setTypingVar();}); + .put(':~$ ', function () {setTypingVar();}); } function setTypingVar(){