<---- nav ------>

Rettus-Code

Get your webpage noticed!

The inernet is a big place and it is not always easy getting noticed through all the clutter. You need the right tools and a great customer experience to get their attention. I can bring you the tools you need to optimize your web presence. This site was designed to demonstrate responsiveness with mobile devices so please check it out on your phone.

layers of code, and binary each at diferent depths and angles in 3d moving forward while scrolling up on a repeated loop

About Me

Navy Chief's anchor. A fouled golden anchor with the anchor chain looping back and forth behind it, and in Silver the letters U S N on front
Coming from

I spent 22 years in the Navy working with amazing people. I learned a lot of skills, but probably the most important was tenacity and knowing how far I can push myself to accomplish my goals.

Western Washington University Vikings logo. Everything on a blue backdrop The middle has a viking ship proudly riding up a wave centered in a silver circular field. This field has Western above and vikings below in silver following the curve of the circular field with and a silver ring around everything. The blue backdrop extends to the edges of the image.
Currently

Finished a transfer certificate for computer science, I've been accepted to finish my degree at Western Washington University. I'm in my final year and still enjoy what I'm doing. It has not been a simple journey so far. Transitioning to remote, then back to in person has been challenging, but has also given me tools to work in both environments.

A blue almost cloudless sky. A large white sign shaped to point to the foreground on a black pole scribed with the word 'ethics'. Behind and to the right is another black pole with other white signs pointing in different directions. Each with one of the following words from top down: Dilemma, values, right, compliance, morals, wrong, benefit, and choice.
The future

I look forward to the opportunity to jump into being a full stack developer. I would really love to focus on ethical programming. With accessibility concerns, and new rules on privacy it's becoming a financial concern, but more importantly we owe it to our community to provide a safe and positive space to use what we create. I'd really to develop in a way that brings the technology I work on to people who traditionally would have little access to it.

Scroll through my testimonials!

(Not actual testimonials just a formatting example)

Image of young white businessman wearing a suit with a well groomed beard and hair in an office meeting smiling at the camera while three colleagues discuss business behind him.
Joseph Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Headshot on a silver background of a smiling professional black woman wearing a blue blouse and grey business jacket, and long spiraling hair
Jane Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Headshot on a dark grey background of a sminling professional black man wearing a blue suit with red tie, a well groomed goatee and short cut hair.
John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Headshot with a blurred city background of a stoic asian woman, wearing a blue business jacket, purple blouse with long straight hair.
Jenny Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

A space fight between a large battleship against several smaller frigates and cruisers in the mmorpg Eve Online
The Japanese city of Yokohama at dusk from across the bay, featuring the bay, several tall buildings including Yokohama Landmark tower, and their 112 meter tall ferris wheel. The buildings and ferris wheel are light up against a slightly cloudy dusk sky
Bridge of Enterprise and crew. In ceneter is a diseveled Captain Pike leaning on the navigation console flanked by Sulu and unknown pilot both sitting. Behind is Spock observing, and three security members in the background.
A bard from D&D, wearing a Scottish looking tunic, some leather armor, pants and booots. Two sword strapped to the left, and a string instrument on his back. His long hair is pulled back, right hand holds a sword, and left hand is levitating a gold coin in the air.
A snippet of lines of code on a dark background
The pillars of creation, a famous image of a dust cloud in distant space that almost looks like a ghostly hand reaching up with light blue gas clouds and stars as a backdrop.
15 cups of coffee in different cups on different saucers, some with foam some without. Each one with foam has a different design or pattern drawn in the foam
Crew of firefly, On a space backdrop and the firefly class ship Serenity stands her crew. The captain Malcolm Reynolds, his first mate Zoe and security Jane up front and armed. Behind them, talented pilot Hoban, Companion Inara, savant engineer Kaylee, mysterious Sheppard Book, broken genius River Tam, and her brother Dr. Simon Tam.
Spaceballs, Darth helmet (Rick Moranis) with his mask up sticking his tongue out at Spaceball President Skroob (Mel Brooks).

Portfolio

You can navigate to the website or the repo to review the code. You can see the sites evolve as my skills improved.

Landing page of a website for a fictional hotel. The image used was of the pool area, in front is a kiddy pool, past that are three umbrellas each with two lounging chairs, followed by the main pool with more umbrellas and chairs. The background is trees and hotel rooms under a blue sky with pillowy and wispy clouds.
Bellingham Hotel

Project for an internet resources minor. Solo project completed in PHP, MySQL, Sass, and JS. It was my first time using PHP and found it pretty impressive.

Bellingham Hotel Repo
Github accopunt for rettus-code. Top left is an image of the account owner, with some description and links below the image, the right two thirds has a list of a few repo's related to the account and graphics indicating activity on the site.
My github repo

Most of the projects I've done, whether for school or something on the side I've put most of it here with plenty more coming soon.

Repo
A blog that was my first webpage, has image of an old sailor on the left, another of a circa 1980s computer and programmer on the right, navigation links to blog entries between them, and the start of the first blog post below that.
Blog

My first webpage. I used a Summer to learn a bit of HTML and CSS and this was what I came up with. It was a fun start I learned it was easy to build a web page, but difficult to make it usefull. It was a proof of concept, that I could do this while travelling at 70mph, my wife was driving.

My start Repo Spot
Gaming and anime Store Site, showing images of Naruto, a terrasque, D & D characters and monsters
The early years

Second sort of... Expanding on what I had learned, I went with something more colorful and thinking about what a small business might like as basic webpage.

Fanboy Repo Spot
Contains the following images, baby yoda, Yoda, Darth Vader and in between them a french bulldog that is meant to look like a hybrid of Yoda and Darth vader. There is some writing and smaller images along the bottom depicting star wars scenes.
Vader

Doing a Summer bootcamp to gain some web skills we had to make something and well he's adorable photogenic, and everyone wants to see him. A new part of the family I introduce to you Vader.

Vader Repo Spot
The background has some ominous looking cloudy weather over some farm silos in a grass field, the forground has information on current weather conditions and 5 cards for weather over the next 5 days
Weather-Cast-12000

First time using APIs. Find out the weather in your town. Need to revisit this page to work out some bugs but I thought it was nifty.


Weather-Cast-12000 Repo Spot
In the center are two nearly empty glass beer mugs on a bar with peoples forearms resting on the bar. There is a box just off center with the title 'Find breweries near you'
BrewFinder

First group project for the UW bootcamp certification. We were required to use 3 APIs to develop an application. My part was to work on the Javascript. I liked the idea, but a weeks is just not enough time, Perhaps I can return to it after school.

BrewFinder Repo Spot
A website with a navbar in yellow on top with the name PawsLife, below that is a banner taking a third of the vertical space with pets headshots from left to right of a bulldog, calico cat, basset hound, an exotic short hair cat, and french bulldog puppy. The lower 2thirds has side by side large buttons. Left button has an sillhouette of a walking cat title under 'Feline Friendly Services.The right is a sillhouette of a dog running playfully title under 'Puppy Pals Services'.
PawsLife

Second group project for UW certification. We had lofty goals for 8 days work, but it was a lot of fun. I see now why apps evolve over time as you continue to work on them.

PawsLife Repo Spot
Videezy, video conference made it easy stated at the top, the lower left is a static image of someone being streamed via webcam, and the right a few lines describing the video streaming services uses.
Videezy

Final group project for UW certification. This required us to use a database, and frontend styling we had not worked with before. A cool application, unfortunately has not been maintained, but a project I wouldn't mind completing.

Videezy Back End Front End
Title at top is 'Welcome to Ebberon' with a partial image of the book of Eberron used in the D&D gaming universe. The colors of red yellow and gold on a black background. The gold looks shaped with sahrp lines and points giving the impression of significant metal forging
Eberron

Needed something to do so used a table top game I've been playing. Next I'll be adding a DB to allow players and DM to login and edit profiles and possibly expand it's capacity over time to include note taking and possibly chat interactions. I'm focused on it as a mobile application.

Eberron Repo
A demo for an internet privacy awareness app. The top is a map that automatically zooms into the users location, followed by a targeted ad that uses their local weather to make recomendations.
Internet Privacy

This was a Short group project to create awareness about internet privacy concerns. I made the unique key to identify return users, handled API requests getting data based on location, developed ads based on location data, and graphs for census data. Contributed to styling by creating automation with javascript.

Internet Privacy Demo Repo

Reviews

Actual reviews please let me know how I'm doing.


Link to website being reviewed
Site Being Reviewed

michael s rettus

This is just an example using a MySQL database to store and display user inputs


Link to website being reviewed
Site Being Reviewed

Michael S Rettus

Spam and bots are a thing, so need to work on reducing their impact

Contact

Social Media


StackExchange/StackOverflow

LinkedIn

UpWork

Github Profile


Contact Information:

Michael S Rettus II       ph#(360) 499-9260

email:

Click to Email Support

Pic of me above the waist, White male with a striped collared shirt, wearing a ballcap framed by two trees and a valley and hills in the background

Design Description

A list of tools used on the site and brief explanation for design

Resources that made it work

  • PHP
  • SCSS
  • Bootstrap
  • Jquery
  • Javascript
  • Fontawesome
  • Scrollreveal
  • Baguettebox
  • Owlcarousel
  • Mysql
  • The sweat of coders before me

My process

I expect most people viewing this site will be on PCs, but I wanted to demonstrate the importance of mobile first development. In the first iteration of this portfolio it had seperate pages you could navigate to via the navBar. I decided for mobile devices to switch it to a single page they could scroll and swipe to view as much as possible without constantly opening the nav button. There is still a navBar however for mobile devices it stays at the top of the site rather than fixed on the screen. I did add a fixed button on the bottom to return to top for easy direct navigation if the user would like.
Baguettebox is a great way to make a gallery small that users can quickly open and view all the pictures without opening a new page, and owl-caresoul allows you to have cards not taking up large amounts of screen space that users can easily swipe through. With one exception the design was about ease of navigation and reduced use of screen space, the "About Me" section I needed for a cool animation effect using scrollreveal.