Monday, March 30, 2015

Problem Log Henry

Overall Issues:

Content Creation-

-Bios/Pics for Board of Directors
-In depth description of organization and what they do
-Documentation of Events
-Build Social Media: Instagram, Flickr etc. (Personal? Organization?)
-Stream to Social Media (Upcoming events, general member activity, motivational, informational)
-Resources Links
-Blog Page (Build history of organization, past events, current events in targeted demographic)

This week Mar 29: Bios for BoD, Resources Links, Blog, Set up Social Media sites

Posts for this week


Repeatable “gimmick” formats –
Come up with a gimmick...

Wednesday, March 25, 2015


Learned how to create photo links to other pages on site!

John's Problems

Title font shows up green even though in the editor it shows up blue.
-Theme made it so I needed to pay for the upgraded version  to change certain things so I switched themes.

Figure out how to get my sidebar to work.
-Switched my theme and figured how to add sidebar and Instagram widget.

Make it so my post's only show part of the posts instead the entire thing.
-Figured out how to shorten post's into "read more" section

Problem Log

Wed 3/25
- safari is not recognizing width changes to left side header 
- researching found that Safari does not like the width calculator code 
- decided to not address the issue because Safari is a more obscure browser and it doesn't affect the aesthetics of the page 

- is a registered domain
- is available 

Mon 3/30
- determined left bar paper color pattern is too busy/distracting
- decided grey works best to showcase logo 

- research big cartel for e-commerce

- JQUERY was styling image gallery and not allowing pages to link out to other pages 
- solution we created a new image without the class that was calling the JQUERY style

- think about background for stationery 

Wed 4/1

- strata template was too complicated to work with because most of the structure was built with java script 
- discovered blanca template is much easier to work with, most of the styling is built with css so it is intuitive to customize 

Wed 4/8

- take photographs of stationery work for header image

- link pages, figure out page structure 

Problemos: A Log

  • Review Post (
  • Interview Post (Bob Dobbs)
  • Personal Post (journal AWP Conference experience)
  • Gimmick will be applying TETRAD to media/objects/etc.
  • Recording interview w/ Bob Dobbs. . .
  2. Use Quicktime: File > New Screen Recording > Built-in Microphone 
  3. Save as "Audio Recording Only" 
  •  Interview with Bob will be via
  • Set up account and tested platform; option to record conversation and download mp3 file
  1. Journal experience at AWP
  2. Interview Bob
  3. Photoshop TETRAD grid for gimmick 


In Reno. At airport helping a friend out last minute. Wont be able to make it but here's a video! - Natalie

Monday, March 23, 2015


Website Homepage

Problem Log

-disable right click with java, so users can't download my photos. Found the ciode here:

But decided not to use that, since it's an annoyance for users, and people can take a screenshot anyway. Decided to limit all images to 1920x1080.

-social media links

For this week

This week - you need to make two new blog posts:

Choose one format from each category –

Original content:
Writing and pictures and/or videos documenting a personal experience

What’s going on in the field?
Repurposing and recontextualizing other content (giving attribution, linking to sources, and not poaching too much)
Reviews (books, films, products, etc)

And, you need to assemble a "blog roll" – a list of like minded sites and blogs.

*NEXT WEEK: one blog post must be an interview post, so get ahead of scheduling that this week.

Wednesday, March 11, 2015


My Theory of Mind 

Problem Log:


1. Nav bar and pages
  • Originally wanted my current tag line (Insights, Inspirations, DIY Exercises) to be three separate pages on my blog. But The "home" page did not separate the different pages so all the content went onto one page. This worked out for the better as I like the running page of interconnected content. 
2. Changed from original Kelly theme to Plane theme 
  • first used the Kelly template due to its simple design and the cool header, but it was only a one column template, so I could add footer with widgets, but not a sidebar and I really like the look of the sidebar for social media. So, I found the Plane theme which has an even better layout, color scheme and has capability for a sidebar 
3. Social Media Icons 
  • Found in the basic widgets on wordpress places for FB and Instagram links, however they are not icons and show the latest picture, which is cool, but I like the look of the icons better. You can download the icons as a plugin, but to get the plugin dashboard you have to claim the the blog on a host site to have the full site abilities. 
4. Researching Web Hosting programs
  • Begin my search for a proper host site on Wordpress Search, they listed several options, and I happened to like DreamHost, it looks like its only 4.95/month and includes a free domain…definitely worth looking into! 

1. Creating a Gimmick 
  • Last night I played the notorious game of cards against humanity and with the theme of "gimmicks" in my mind, realized that the whole game is "gimmicking" our society. Today I brainstormed on how I wanted to represent this gimmick, and stumbled upon the interested fact that CAH literally sold people a box of bullshit to protest black friday. If CAH wasn't bullshit enough, this definitely topped it off. I plan to write on CAH as a gimmick of our society and continue along the line of how ridiculous our interests are within each other lives.  

1. Thoughts on repeating gimmick
  • Brainstormed how I want to repeat my gimmick post on "cards against humanity". Thought about continuing posts with paired up cards giving examples of how outrageous our society is when it comes to entertainment, but I decided to not continue the posts due to lack of motivation on subject and time. 

1. Make video blog 

  • Figure out theme and content for video, post for this week's blog 
  • Meditation practice, mindful exercise…
  • Layout for Video:
    • Intro- (recored on camera)
      • who I am (landscape close up of me)
      • overview of video (intro to meditation, how to make it part of your everyday life)
      • what is it? how to integrate it into daily life?
    • body- (recorded on computer)
      • how to start- find a comfortable position, no distractions (wide view of me going to my spot to meditate)
      • sit/stand with spine straight (move closer for side view of straight spine)
      • take three deep breaths focuses on the feeling of your breath moving in and up and out and down…(close up of portrait/bust to shoe breath moving)
      • there are many ways to practice meditation, but the greatest way to calm the mind, body and soul is to embrace your environment and bring yourself to the present moment…close your eyes and use your other sensesuse your senses to become aware of all the movements of the world around you..(pull away and adding recording of sounds of wind, birds, waves…)
      • now begin to bring your focus internally, feeling your breath, observing your thoughts and any feeling that arise and let them play out…mediation music can help, or mantras to keep the mind focused…separate yourself from your thoughts, observe them but dont let them control your state…understand that you are not your thoughts, you just are. 
      • end with bringing movement/ awareness to physical body, open eyes slowly and look around, notice if you feel different, how your observation of life feels, journal if you feel if anything really heavy came up to let it out 
    • conclusion- 
      • how to repeat, how often…
      • benefits…(creativity, insight, relaxation, unwinding of thoughts, deeper awareness of our multidimensional being) 
      • explore different practices and see what works for you 

1. Process of making video
  • Should have known this video was going to be a lot harder than I anticipated. Fortunately I had the idea and script written out and lined up, but as far as finding the right device to record this video, yeah that was a whole different story. 
  • First, I tried to be lazy and record from my computer in my room, I set up with a nice background and a close up on me in a meditation pose. I did a couple recordings and when I played them back, found that the timing was slightly off, but enough to make my words faster than my moving mouth, so this was extremely awkward.
  • Next, I attempted to use my camera, and set it up in the same spot. At first I couldn't find my tripod connector, but then found that after planning on experimenting with a handmade mount. Then I began recording to find out my camera doesn't want to make videos anymore. It kept saying "stoping recording automatically" for no reason, even though my memory card was empty and the battery was fully charged…. :(((
  • After that I took a break to collect my self, and came back with the help of my mom to hold my phone and record on that. I was really excited about this idea at first, but then was half way through and my phone told me that "I don't have enough space" to record anymore. At this point I was on the edge of tears. I tried to delete some stuff, but nothing really worked, and a lot of stuff on there I need and didn't feel like dealing with that whole process….
  • So…I asked my dad is I could use one of his cameras, he said yes, and my mom being the angel she is helped me record it again. Now, I the recording for once finally went smoothly, and I uploaded the video with no problem….BUT when I finally went to look at the video that light was shitty, and there was a terrible buzzing noise in the background……. Needless to say I was about to give up for the day. But then I called my boyfriend and told him what was up, he said he could use his phone which has a good quality recorder. I thought Brilliant!…Went to go pick him up, updated him, then realized he needed to charge his phone. We went back home and waited like 30min for him to charge his phone….By the time we got to the lake, which is where I wanted to film originally, the sun was about 10minutes from setting and we couldn't find a good spot. The sun set, I was a whole day in with NOTHING to show for my progress. But thankfully my boyfriend said he would be willing to help on monday before class….
  • So, we met up around 1130, tried burnt cedar, it was too windy, then made our way to hidden beach area where we FINALLY found a spot, recorded it in between the gusts on wind and came out of it with a great recording!!!!!!!!!!!!!!!
  • Through all of this I learned that art takes patience and perseverance….and a couple bottles of wine…..  
2. Process of downloading and editing
  • So far no real BIG issues like I had before. I've begun editing the video, and if I had the proper equipment (aka video camera and tripod) I would have been a lot happier, but I got tired and wanted to get it done. So it is what is it, and I am satisfied. 
  • I really am liking the part on the "thinking dimension" exercise. I made a really cool graphic and stumbled upon a rad song that is perfect for the background. Additionally I was able to record my voice using the microphone at the school which gave a flawless recoding! 
  • Making this video has been really interesting and makes me think about people who upload videos all the time, cant imagine how much time that takes!! 

problem log

My Wix

"You know nothing of my work. You mean my whole fallacy is wrong."

John's Blog

SNC Water Ski Team Blog

Web Class Instructions

After you present your webpage....

1. Take notes on the feedback.

2. Address those notes for the remainder of the class period today.

3. Make a post on this blog with a link to your website-in-progress, and make the title of the post "problem log." You will document all your obstacles and solutions over the remainder of this class.

4. Over break, please assemble the first wave of content you will need (text and pictures) to create a website "soft launch." If you're running a blog, make two blog posts over break.

Rawr I'm a dangerous kitten!

Lions on the prowl...maybe not...

Tuesday, March 10, 2015

For Wednesday

Just a reminder - please have your homepage (and if you're running a blog, your first blog post), written and designed with accompanying images, and hosted on your host of choice (or built out with a template). We'll be reviewing your pages at the start of Wednesday's class.

Monday, March 9, 2015


The most crucial element of blogging is establishing a voice, and a niche in your content area.

Types of content (this is not an exhaustive list):

Original content:
Writing and pictures and/or videos documenting a personal experience

What’s going on in the field?
Repurposing and recontextualizing other content (giving attribution, linking to sources, and not poaching too 
Reviews (books, films, products, etc)

Repeatable “gimmick” formats –
Thomas Pynchon drinks

The Blog Roll
Cross-posting with social media

Clip of the Day

Justine's Site Elements

Blog (wordpress, template-Kelly):

Home Page:

  • nav bar (insights, inspirations, DIY)
  • Explaining passions and interests in life/ what blog will discuss and update on
  • banner, and title 

John Wilkins Site elements

  • Home Page:
    • Single photo banner with SNSKI logo
    • Slideshow 
    • nav bar going to-
      • About
      • Tournaments and Results
      • How to join
      • Photo/Video Gallery
    • Blog running down homepage
    • Normal black text
    • Neutral background colors 
    • Text for 
      • About
      • Tournaments and results 
      • How to join
      •  First blog post
    • Photos for
      • Banner
      • Slideshow
      • Photo/Video Gallery

JT Surwall

Home page:
Banner image with logo
Nav bar
Large neutral photo
Black serif text
Social media links
Basic layout

Text for:
Main page
About me

Photos for:
Home Page

Sunday, March 8, 2015

Jake brayton

Home Page
Collage of photos as a banner
Photo links to different pages
One large photo
Neutral colors

About- A little bit of background on me and why I do what I do.
-blog style nav.
Digital- Bios about photos
Film- Bios about photos
Design- bios about works 

Site Elements from Henry

Things I need to launch my website
Henry Phillips
(Mountain Kings Motorcycle Club Family)

1. Content

Text for:
Intro Page
About Us Page
Events Page
Get Involved Page
Links Page
Contact Page

Photos for:
Intro Page
About US Page
Events Page
Get Involved Page
Links Page
Contact Page

Video for:
Intro Page
About Me Page
Events Page
Get Involved Page

2. Functionality

Contact Page

Wednesday, March 4, 2015

For Monday, 3/9

For Monday's class, come prepared to execute the homepage of your website – I want everyone to have a draft of their homepage done by the end of Monday's class. For that to happen, by the start of Monday's class, you should have:

1. Picked a host/template to use.

2. All the written content for that homepage drafted (and spell-checked!)

3. Any images or videos you are intending to use on hand.

If you are creating a blog for this class, then instead of content for a homepage, come with content for your first blog post.

Site Elements (Natalie)

1. Content

Text for:
Home Page
About Me Page
Captions for items in Store
Blog Posts

Photos for:
Home Page
About Me Page
Shopping Cart

Video for:
Blog Posts

2. Functionality

Photo slideshow
Commerce/Shopping App

1. Content

Text for:
Home Page
Our Program
Get Involved
Captions for items in Store

Photos for:
Home Page
Our Program
Get Involved
items in Store

Video for:

2. Functionality

Photo slideshow
Commerce/Shopping App

launch elements

Images for themes (modern, rustic, formal, monogrammed)
Image banner for shop page 

Custom Portfolio Page
Functionality: embed sharing with Twitter, Pinterest, Facebook, IG
Images of each invitation suite 
Text to describe each theme 

Shop Page
Functionality: commerce/shopping app
Functionality: embed sharing with Twitter, Pinterest, Facebook, IG
Images for items 
Captions for items and pricing

About Page 
Text about the work and services 
Image of myself?

Functionality: email contact form 

Tuesday, March 3, 2015

Links to resources and templates




More static-site-based:




Social media:


Downloadable templates:

CSS Templates

Monday, March 2, 2015

Homework for Wednesday, March 4

For Wednesday's class, I want you to make a post on this blog, listing out all the elements you need to have for the official "launch" of your website. Divide the list between "content" and "functionality" – and here's an example of the sorts of things that might apply to each:

1. Content

Text for:
Intro Page
About Me Page
Captions for items in Store

Photos for:
Intro Page
About Me Page
Portfolio page
Shopping Cart

Video for:
Intro Page

2. Functionality

Photo portfolio slideshow
Commerce/Shopping App

Map this to your wireframe/flowchart - it's intended to be a checklist for what you'll need to gather/develop, and what sorts of things you might need to integrate into any template you might use.

Just a couple links...

NPR Story on FCC and Title 2

Another story about Utilities – Tesla, Batteries, and Utilities

Video of the day 3/2