Overview
Purpose
the purpose of the site is to have a published development ground where i can try different coding experiments outside of work and to try them out and see how people like and use them without associating them with the company i work at. it will also serve as an outlet for me to rant at length about whatever is on my mind
Audience
my audience is those who want to see the projects i am working on, are looking to see how i did something, or are wanting a deep dive into the back of my mind
Branding
Website Logo
Style Guide
Color Palette
Palette URL: https://coolors.co/003344-f6f6f6-96c346-a0ce4e
| Primary | Secondary | Accent 1 | Accent 2 |
|---|---|---|---|
| #003344 | #F6F6F6 | #96c346 | #a0ce4e |
Typography
Heading Font: PT Sans
i have used it for projects before and i like it
Paragraph Font: PT Sans
i prefer the consistency of a single font across the site
Normal paragraph example
The best Whitewater Rafting in Colorado, White Water Rafting Company offers rafting on the Colorado and Roaring Fork Rivers in Glenwood Springs. Since 1974, we have been family owned and operated, rafting the Shoshone section of Glenwood Canyon and beyond.
Colored paragraph example
Trips vary from mild and great for families, to trips exclusively for physically fit and experienced rafters. No matter what type of river adventures you are seeking, White Water Rafting Company can make it happen for you.
Navigation
Content
blog page:BLOG: [Noun] / blɔg, blɒg / A website that contains online personal reflections, comments, and often hyperlinks, videos, and photographs provided by the writer. i guess that makes me a blogger now? {autogenerated list of articles and images}
home page:
Welcome to Projectpine! Projectpine is my development ground for the many projects i work on. Things on this site are therefore under various stages of completion, so take it with a grain of salt! wether it be fun unique games, data handling methods, or even just "how do you do an ajax request again?" i can asure you i have it all here. For general inquiries, please contact me.
About me:
hello world! I am a full stack developer who works at a local datacenter as a rapid prototype developer. as such i have made many different things over the years, not all of which ever see the light of day, many of which can be found here. i also do digital art, hobbyist blacksmithing, and a lot of minecraft! i also love bagpipes, hate dances, and would unironically wear a proper set of armor if i could get away with it. and i have been to 24 countries. if you are interested in the many projects i have done over the years, many of them can be found on or through this site! For general inquiries, please contact me.
Wireframes
Wireframes are like blueprints for making webpages. They should show the major sections of content that will be on the page and the relative locations of each element. In the wireframe below you can see there will be 6 sections to our page:
- At the top we have a section with the logo (the box with the mountain means an image) and the navigation bar.
- Then there is a banner image that stretches all the way across the screen.
- Next we have some text and an image
- ...followed by another row made up of an image and some text.
- Then one more section of text with no image.
- Lastly, a footer containing a copyright/name line and 3 social media icons.
