WordPress.org

Ready to get started?Download WordPress

Forums

personal site with custom theme (31 posts)

  1. justinbarkhuff
    Member
    Posted 7 years ago #

    I just launched http://www.barkhuff.com

    This is my first experience using WordPress, and I'm very impressed with the ease and flexibility of the theme system.

    There is a small bit of hard-coded PHP in the theme, but other than that, it consists of fairly stantard template tags.

    I'd love to hear your feedback.

  2. Looks pretty darn cool. Love the way the content is structured and the font you use throughout the majority of the theme is also neat.

  3. moshu
    Member
    Posted 7 years ago #

    That's impressive. Looks very good.
    One question: Why is there a huge empty space at the bottom? - viewed in FF)

  4. justinbarkhuff
    Member
    Posted 7 years ago #

    The huge space at the bottom is a result of the location map being 'hidden' by default (look for the location map at the top right corner of the site).

    The location map has a default top coordinate of '-250px', but for some reason, FF still renders the 250px of space. When you click "see map", the location map animates down, and the space at the bottom disappears.

    I tried a few things to get rid of the space when the location map is 'hidden', but nothing I tried seemed to work.

  5. SpencerLavery
    Member
    Posted 7 years ago #

    Looks awesome, love how smoothly the video and photos are integrated

  6. GOBLUE14
    Member
    Posted 7 years ago #

    Great job!

  7. jimHere
    Member
    Posted 7 years ago #

    Nice photo gallery. You wrote that yourself?

  8. justinbarkhuff
    Member
    Posted 7 years ago #

    The photo gallery interface is driven by a customized version of lightbox2.

    In my customized version, I:

    • added the slide show functionality
    • moved all visual specifications to the css file
    • rewrote lots of the code to better utilize the prototype.js library
    • customized the images

    Here are the links to my customized lightbox.js and lightbox.css (lightbox.css has image dependencies that you will find in the css code):

  9. brookeln
    Member
    Posted 7 years ago #

    WOW, that's all I can say! Very very nice.

  10. elphi
    Member
    Posted 7 years ago #

    so neat! BTW thanks again for the help! :)

  11. yeleek
    Member
    Posted 7 years ago #

    Exceptional website! Am jealous of the site let alone the trip ;-)

  12. lanixii
    Member
    Posted 7 years ago #

    i really like your website! just really started tinkering with wordpress a few days ago. replaced my dull postcard website with it - thus far, i like that it's so easy and FUN to use. seeing your website is refreshing, i'm inspired to experiment with it more.

  13. Doodlebee
    Member
    Posted 7 years ago #

    It's great, but it doesn't validate. The reasons are quite simple: in your javascripts, you're using "&" instead of "&". If you replace all the ampersands in your javascript with the HTML entity, the scripts will still work, and the site will be one step closer to validation. The second step would be to add "alt" tags to your images. That's all that's holding it back.

    As for the extra space, change your #wrapper div from "position:relative;" to "position:absolute;". Alternatively, you can leave it relative, and change "top:-250px;" to "margin-top:-250px;"

    Either will fix it.

    Cool site though - I, too, am jealous of the trip!

  14. justinbarkhuff
    Member
    Posted 7 years ago #

    Thank you everyone for the feedback.

    Doodlebee, thanks for the tips. Changing the #wrapper to 'position:absolute;' and tweaking a few other things fixed the extra space issue.

    As for the validation, I'm afraid that won't be fixed anytime soon. The '&' signs are part of the string that specifies the 'flashvars' when unobtrusively embedding a flash file, and changing '&' to '&' breaks the passing of those 'flashvars'.

  15. Dgold
    Member
    Posted 7 years ago #

    Lovely travel-journal and multimedia type of site. I like the simple layout cataloging the vids and pix with Title and Date in 3 nice-and-even columns.

    That part at the Top Right with blue handwriting (location / weather / date), is that... a graphic you change regularly, or is that somehow updating dynamically and rendering text on the tilt automatically?

    However your most enticing post is "bad paris apartment" and I couldn't find the promised video, only the pix, LOL. Have a great trip, working on your site(s) along the way I guess.

  16. whooami
    Member
    Posted 7 years ago #

    Thats a beautiful site. One of the nicest implementations I've seen on here, ever. Very well done. :)

    Im doubly impressed by your ability to do it without so much as any questions here -- it proves it actually can be done :)

  17. justinbarkhuff
    Member
    Posted 7 years ago #

    Dgold, the location/weather/date graphic at the top right is actually a flash file. The flash file is fed information dynamically via 'flashvars'. Here is a sample of the 'flashvars' and values I'm feeding it:

    month=JUN
    day=24
    dnam=Barcelona, Spain
    lat=41.3962
    lon=2.175
    conditions=1:23 AM, 68° F (Partly Cloudy)

    'month', 'day', and the time portion of 'conditions' are calculated via PHP's built in date/time functions. 'dnam', 'lat', 'lon', and the weather portion of 'conditions' come from weather.com's XML service (I use PHP to parse the XML).

    In the flash file, the 'month', 'day', 'dnam', and 'conditions' variables are displayed as-is. The 'lat' and 'lon' variables are converted to X and Y coordinates, which are used as the coordinates for the red-dot.

    Whenever we move to a new place, I have to update two things:

    1. our blog's timezone in the WP-admin area
    2. a php variable in my theme's header.php file that stores the weather.com location ID that corresponds to our current location
  18. justinbarkhuff
    Member
    Posted 7 years ago #

    whooami, thank you for the kind words. While building the site, the WordPress documentation proved to be extremely helpful, and I spent a fair amount of time reviewing the code in the default WordPress theme.

    It also helped that I've had extensive experience developing sites from scratch utilizing XHML, CSS, Javascript, Flash, PHP, and MySQL.

  19. elphi
    Member
    Posted 7 years ago #

    ^ Do you have plans in making your blog theme available to your "fans"? =)

  20. whooami
    Member
    Posted 7 years ago #

    I wouldnt, if I were him.

    beautifully unique sites are often ones that take days to do, if not weeks. Unique being the key word.

    If it were me, I would covet it. :)

  21. Kalen
    Member
    Posted 7 years ago #

    i really enjoy the design, the content, and just everything about it really. good job - fun reading!

  22. 4xbizexec
    Member
    Posted 7 years ago #

    i love the whole site theme.. so pretty..

  23. elphi
    Member
    Posted 6 years ago #

    Im wondering what plugin did you use for the photo and video gallery? Very very neat :)

  24. Floppydog
    Member
    Posted 6 years ago #

    Looks great, Justin. Question: Is there anyway to use personal handwriting in WordPress---for instance, just an arrow that says Click Here.

    Do I need a Wacom pen? Is this doable in WordPress?

    Thanks either way and great job

  25. justinbarkhuff
    Member
    Posted 6 years ago #

    Floppydog: if you only need a handful of buttons in your own handwriting, creating images using a combination of Photoshop and Wacom would be a good way to go. If you needed more flexibility in where/how you embed your own handwriting (i.e. for post titles), you could create your own font and use sIFR to replace the standard browser text with that font.

  26. dkaye315
    Member
    Posted 6 years ago #

    Justin - first off, I love your site! I did run into a problem when viewing images through your lightbox script in FF. The image starts to load in lightbox and then reverts back to a 2nd page load - the normal way that a clicked image would display. I don't think this is your intent?

    Aside from that, everything about the site is very unique and classy. Hoping you're having a great globetrekking experience. Immensely jealous - but will be living vicariously through your stories, pictures, and videos.

    dKaye

  27. justinbarkhuff
    Member
    Posted 6 years ago #

    dkaye315: thanks for the comment. In regards to the lightbox issue, are you experiencing the problem on all the photo galleries?

  28. christykny
    Member
    Posted 6 years ago #

    Absolutely fantastic site. Just love it! Makes me want to use my still and video cameras more often again.

    You've answered the question about the lightbox (love the way it becomes a slide-show), so my other question is what software you use/suggest for video editing/creation.

    Thanks so much for sharing and hope your trip continues to go well.

    Christy

  29. justinbarkhuff
    Member
    Posted 6 years ago #

    If anyone is interested, you can download my Lightbox Slideshow photo gallery interface here:
    http://www.justinbarkhuff.com/lab/lightbox_slideshow/

    christykny: my wife creates all the videos on the site using Adobe Premiere Pro 2.0. Completed videos are exported as uncompressed AVI's, then we use the Flash Video Encoder to convert AVI's to FLV's.

  30. christykny
    Member
    Posted 6 years ago #

    Thank you, Justin!

Topic Closed

This topic has been closed to new replies.

About this Topic