PatrickMMoore.com

Home (April 10th, 2008)
Blog
Photos
About (December 5th, 2006)
Legal Disclaimer (December 1st, 2006)
Contact (January 31st, 2008)
News (December 22nd, 2006)
Friends Feed Aggregator (January 4th, 2007)
Feeds (December 20th, 2006)
Links (February 25th, 2007)
Costa Rica Info Page (December 22nd, 2006)
Bonnaroo 2006 Info Page (December 22nd, 2006)
Marine Corps Marathon 2006 Info Page (December 22nd, 2006)
Marine Corps Marathon 2006 Maps (October 25th, 2006)
Search (December 22nd, 2006)

Try out these special operators to search for specific content on PatrickMMoore.com:

1. blog: - Searches only Blog entries on Blog.PatrickMMoore.com
2. photos: - Searches my photos on Flickr (including filenames, tags, and set names)
3. media: - Searches through my shared media (also try music: or video:)
4. google: - Searches Google for stuff located here on PatrickMMoore.com

Give it a whirl!

Search PatrickMMoore.com:

Mostly, a big shout out goes to CSS Guru Eric Meyer for inspiring the direct layout/style of this website. Obviously, I have copied much of Eric's stylings, but have used my own photos for mastheads. So, no copyrights have been infringed during the creation of this website.

That's Right! I've personally captured and cropped all the images you see gracing the top of each page. If you'd like, click on the images (above) to select a different masthead image. I change the mastheads with some regularity and will continue to add new ones as I get bored with what's available.

As for the blog's style, it's a mishmash of modifications that started with:
Default WordPress by Dave Shea:http://mezzoblue.com with
Modifications by Matthew Mullenweg: http://photomatt.net
Obviously, I've changed the colors and made lots of modifications to reflect the Shamrock/Irish Flag (Orange-White-Green) motif.

Call me a snob, but this site complies with the following W3C standards:

I am resolved to create only standards compliant websites (including PatrickMMoore.com!), but I wanted to open all external links in a new window. Therefore, I copied a solution from the internet and have updated my site to include the rel="external" attribute in my anchors to look like this:
<a href="http://www.someplaceexternal.com" rel="external">link</a>.

Here's the code I include on every page to force a new window:
    <script type="text/javascript">
    //<![CDATA[ // Commented out for the benefit of avoiding ANY validation errors
      function linksExternos() {
        if (!document.getElementsByTagName) return;
        var docAnchors = document.getElementsByTagName('a'); // Get a tags in the document
        for (var i=0; i < docAnchors.length; i++) { // For each a tag
          var anchor = docAnchors[i];
          anchor.tabindex = i;
          if (anchor.getAttribute('href') && anchor.getAttribute('rel') == 'external')
          { // If the a tag has 'href' attribute AND 'rel' attribute is 'external'
            anchor.target = '_blank'; // Set the target for that tag to a '_blank' window.
          }
        }
      }
      window.onload = linksExternos; // Make sure to run the script.

    //]]>
    </script>


I have also modified the LinkExternal wordpress plugin to automatically add the rel="external" attribute to my blog posts. Feel free to contact me if you're interested in the required modifications.

I like using the flickr for storing and sharing my digital photos (not that any other kinds exist). I have been using a pro account since 2006 and am pretty happy with the whole deal. One thing that I find cool right now is sharing a single randomly chosen image from my albums on my homepage and blog index. Here's the code I used to do so, which is separated into css and html sections.

Here's the css syntax to display the box with curved corners:

     #photoThumber { position: relative; margin-top: 10px; margin-bottom: 10px; width: 300px; z-index: 1; overflow: auto; right: 0px;}
     #photoThumberMain { display: block; position: relative; text-align: center; margin-bottom: 10px; margin-top: 10px; }
     #photoThumberBlock { display: inline; position: relative; }
     #flickr_badge_image1 { border: 1px solid #FF8800; background-color: #FFFFFF; padding: 3px 3px 3px 3px; }
     #photoThumberTitle { text-align: center; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }

     div.curvedPanel{ margin: 0 10px; background: #FFDDAA; }

     b.rtop, b.rbottom{display:block; background: #FFF;}
     b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FFDDAA;}
     b.r1{margin: 0 5px}
     b.r2{margin: 0 3px}
     b.r3{margin: 0 2px}
     b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


and also the html as well:

     <!-- Start of Random Photo from Flickr -->
           <p>
             <div class='curvedPanel' id='photoThumber'>
               <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
                 <div id="photoThumberTitle">Random Shot from <a href="http://www.flickr.com/photos/patrickmmoore/">my <strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong> Photos</a>:</div>
                 <div id="photoThumberMain">
                   <div id="photoThumberBlock">
                     <div id="flickr_badge_uber_wrapper">
                       <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=0&count=1&display=random&size=m&layout=h&source=user&user=REPLACEthisWITHyourUSERid"></script>
                     </div>
                   </div>
                 </div>
               <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
             </div>
           </p>
     <!-- End of Random Photo from Flickr -->


Feel free to drop a line with your questions about this functionality... I'm happy to nerd something up for ya.