I created a website with that contains my various networking related labs. The hardest part was designing the homepage because everything I tried to come up didn’t look natural. I eventually arrived at what I currently have, since I liked how my labs page was setup and wondered if I could do something similar on the homepage.
Now, uses smaller image sizes for lab thumbnails, so that the loading is faster (the video with the slower loading times is the one with larger file sizes)
Additional stuff
Log in to leave a comment
Created a popup for when users click a lab, so they can see a description of the purpose of the lab
Log in to leave a comment
Added a small bio only when the viewport width is greater than 550px
Log in to leave a comment
Autogenerate first 3 labs on the homepage as a preview
Log in to leave a comment
Outline homepage structure
Log in to leave a comment
Make the title/header part of the homepage respond to media queries in css
Log in to leave a comment
Make labs page work mostly for mobile
Log in to leave a comment
Design the homepage
Log in to leave a comment
Log in to leave a comment
Added a symbol next to button to get to networking portfolio
Log in to leave a comment
Offset labs to avoid clipping when hovering over a lab
Log in to leave a comment
Use a grid to autosize the labs for different zoom sizes and aspect ratios
Log in to leave a comment
prototype homepage
Log in to leave a comment
add a subtle pulsing animation for the buttons
Log in to leave a comment
Prototyped some cool glowy buttons!
Log in to leave a comment
Got rid of round look to the lab containers
Added CSS transitions for the lab blocks
Log in to leave a comment
woahhh these write ups are soo cool! are you a Cisco intern?
Uhhh… I happen to have a lot of access to Cisco networking equipment at my school. So, I can experiment with different network and router configurations, which is what my write ups are about.
（ ＾u＾）
ohh i see
thats really cool!
Added networking labs and adjusted UI containers for labs
Log in to leave a comment
Wrote some java script that pulls data from a JSON file to generate these “lab” boxes
Log in to leave a comment
Prototyped the design of a grid of blocks to show the networking labs that I’ve done
Log in to leave a comment
Outlined the website structure and added Jost* for font
Log in to leave a comment
