Forum

Thread tagged as: Question, Installation, Configuration

Problems getting started with Perch using MAMP

Hi

I've setup MAMP locally and both the Apache and MySQL servers have green lights so I presume everything there is ok.

I've added the perch runtime to a php page (with the correct file path), and added a basic page function to it, but when I try to view the webpage in a browser I only get the Source Code detailing the two php functions. So I can't get the backend to display / connect with the webpages.

Your setup instructions highlight this as something not working but don't offer any solutions, can you help?

Many thanks

Ben

Health check

PHP 7.1.8 is up to date MySQL 5.6.35 is up to date Image processing available Summary information

Perch: 3.0.10, PHP: 7.1.8, MySQL: mysqlnd 5.0.12-dev - 20150407 - $Id: b396954eeb2d1d9ed7902b8bae237b287f21ad9e $, with PDO Server OS: Darwin, apache2handler Installed apps: content (3.0.10), assets (3.0.10), categories (3.0.10) App runtimes: <?php $apps_list = ['perch_blog' ]; PERCH_LOGINPATH: /tele_tracks_test/perch PERCH_PATH: /Applications/MAMP/htdocs/tele_tracks_test/perch PERCH_CORE: /Applications/MAMP/htdocs/tele_tracks_test/perch/core PERCH_RESFILEPATH: /Applications/MAMP/htdocs/tele_tracks_test/perch/resources Image manipulation: GD PHP limits: Max upload 32M, Max POST 32M, Memory: 128M, Total max file upload: 32M F1: 3b606135b33e6a102526838f4152a807 Resource folder writeable: Yes HTTP_HOST: localhost:8888 DOCUMENT_ROOT: /Applications/MAMP/htdocs REQUEST_URI: /tele_tracks_test/perch/core/settings/diagnostics/ SCRIPT_NAME: /tele_tracks_test/perch/core/settings/diagnostics/index.php
Ben Langridge

Ben Langridge 0 points

  • 3 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

3 years ago

Can you describe exactly what you're seeing? I don't fully understand this:

when I try to view the webpage in a browser I only get the Source Code detailing the two php functions
Ben Langridge

Ben Langridge 0 points

3 years ago

Hi Drew

Thanks for your help Here's What I get in the browser window:

<?php include('../perch/runtime.php'); ?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0" name="viewport">
    <title>Blog Index</title>
    <meta name="description" content="." />
<meta name="keywords" content=""  />
<link rel="canonical" href="https://www.telemarktracks.com/blog/index.html" />

<meta property="og:title" content="Tele Tracks" />
<meta property="og:type" content="sport" />
<meta property="og:url" content="https://www.telemarktracks.com" />
<meta property="og:image" content="https://www.telemarktracks.com/Images/Image.jpg" />
<meta property="og:site_name" content="Telemark Tracks" />
<meta property="fb:admins" content="794295230" />

<link rel="icon" 
      type="image/png" 
      href="../Telemark_Tracks_Favicon.png" />

    <!-- Font -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>

    <!-- Css -->
    <link rel="stylesheet" href="../css/core.min.css" />
    <link rel="stylesheet" href="../css/skin.css" />
     <link rel="stylesheet" href="../css/snowbridge.css" />
    <link rel="stylesheet" href="../mediaelement/skin/mejs-snowplayerskin.css" />   

    <!--[if lt IE 9]>
        <script type="text/javascript" src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<!-- GA Code -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-25198978-1', 'auto');
  ga('send', 'pageview');

</script>
</head>
<body class="blog">
<!-- Facebook Share Button Javascript SDK -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- end FB Share Javascript SDK -->

    <!-- Side Navigation Menu -->
    <aside id="mobile-access" class="side-navigation-wrapper enter-left">
      <div class="side-navigation-header">
            <div id="side-nav-hide" class="navigation-hide">
                <a href="#"><span class="icon-cancel medium"></span></a>
            </div>
      </div>       

        <!-- #BeginLibraryItem "/Library/Sidebar Nav.lbi" -->
        <nav class="side-navigation">
          <ul>
            <li><a href="../index.html" class="contains-sub-menu">Home</a></li>
            <li><a href="../telemark_ski_course/telemark_lessons.html" class="contains-sub-menu">What we do</a>
                <ul class="sub-menu">
                  <li><a href="../telemark_ski_course/telemark_lessons.html">Telemark Lessons</a></li>
                  <li><a href="../telemark_ski_course/telemark_ski_courses.html">Telemark Courses</a></li>
                  <li><a href="../telemark_ski_course/try_telemark_taster.html">Try Tele Days</a></li>
                  <li><a href="../Telemark_Events/UK_Telemark_Festivals.html">UK Telemark Festivals</a></li>
                  <li><a href="../telemark_ski_course/Autumn_Telemark_Trips.html">Autumn Tele Trips</a></li>
                  <li><a href="../telemark_ski_course/BASI_telemark_preparation.html">BASI Prep Courses</a></li>
                  <li><a href="../telemark_ski_course/telemark_race_training_camps.html">Race Training Camps</a></li>
                  <li><a href="../telemark_equipment_reviews/Scott_NTN_Test.html">Test NTN Kit</a></li>
                </ul>
            </li>
            <li><a href="../telemark_ski_course/telemark_ski_course_dates.html" class="contains-sub-menu">When and Where</a>
                <ul class="sub-menu">
                  <li><a href="../telemark_espace_killy/telemark_skiing_valdisere.html">Telemark in Val d'Isere</a></li>
                  <li><a href="../telemark_espace_killy/telemark_skiing_tignes.html">Telemark Tignes</a></li>
                  <li><a href="../telemark_ski_course/telemark_ski_course_dates.html">Dates and Prices</a></li>
                  <li><a href="../telemark_espace_killy/accommodation_valdisere.html">Accommodation Val d'Isere</a></li>
                  <li><a href="../telemark_espace_killy/accommodation_tignes.html">Accommodation Tignes</a></li>
                  <li><a href="../telemark_espace_killy/travel_to_valdisere_tignes.html">Getting Here</a></li>
                </ul>
            </li>
            <li><a href="../telemark_ski_instruction/telemark_ski_school.html" class="contains-sub-menu">Who are we?</a>
                <ul class="sub-menu">
                  <li><a href="../telemark_ski_course/learn_to_telemark_ski.html">Why ski with us?</a></li>
                  <li><a href="../telemark_ski_instruction/testimonials.html">Testimonials</a></li>
                  <li><a href="../telemark_ski_instruction/telemark_ski_school.html">Telemark Ski School</a></li>
                  <li><a href="../telemark_ski_instruction/ben_langridge.html">Ben Langridge</a></li>
                  <li><a href="../telemark_ski_instruction/nicko_braxton.html">Nicko Braxton</a></li>
                </ul>
            </li>
            <li><a href="../telemark_equipment_reviews/telemark_review.html" class="contains-sub-menu">Kit Reviews</a>
                <ul class="sub-menu">
                  <li><a href="../telemark_equipment_reviews/telemark_review.html">Telemark Reviews</a></li>
                  <li><a href="../telemark_equipment_reviews/telemark_boots.html">Telemark Boots</a></li>
                  <li><a href="../telemark_equipment_reviews/telemark_skis.html">Telemark Skis</a></li>
                  <li><a href="../telemark_equipment_reviews/telemark_binding_reviews.html">Telemark Bindings</a></li>
                  <li><a href="../telemark_equipment_reviews/rottefella_ntn_freeride.html">The NTN Review</a></li>
                </ul>
            </li>
            <li><a href="../Contact/contact.html" class="contains-sub-menu">Tele Stuff</a>
                <ul class="sub-menu">
                  <li><a href="../telemark_equipment_reviews/Scott_NTN_Test.html">Test NTN Kit</a></li>
                  <li><a href="../Telemark_Fitness/telemark_ski_fitness.html">Telemark Fitness</a></li>
                  <li><a href="../telemark_tips/telemark_technique_tips.html">Technique Articles</a></li>
                  <li><a href="../Media/telemark_video.html">Action Videos</a></li>
                  <li><a href="../Media/telemark_course_video.html">Course Videos</a></li>
                </ul>
            </li>
            <li> <a href="#" class="contains-sub-menu">Get in Touch</a>
                <ul class="sub-menu">
                  <li><a href="../telemark_ski_course/telemark_ski_course_bookings.html">Bookings</a></li>
                  <li><a href="../Contact/contact.html">Contact</a></li>
                </ul>
            </li>
          </ul>
        </nav>
        <!-- end sidenavigation -->
        <!-- #EndLibraryItem -->
        </aside>
    <!-- Side Navigation Menu End -->



    <div class="wrapper">
        <div class="wrapper-inner">

            <!-- Header -->
            <header class="header-1 header header-fixed-on-mobile" data-helper-in-threshold="300" data-helper-out-threshold="500"            data-sticky-threshold="300" data-bkg-threshold="300" data-compact-threshold="300">
                <div class="header-inner">
                    <div class="row nav-bar reveal-side-navigation">
                      <div class="column width-12 nav-bar-inner">
                            <div class="logo">
                                <a href="../index.html"><img src="../images/tele_tracks_logo_small.jpg" alt="Tele Tracks Logo" /></a>                            </div>
                            <div id="side-nav-show" class="navigation-show hide">
                                <a href="#"><span class="icon-menu medium"></span></a>
                            </div>                         

                            <!-- #BeginLibraryItem "/Library/MainNavigation.lbi" -->
                            <div class="navigation">
                              <ul>
                                <li class="smb-1"><a href="../index.html">Home</a></li>
                                <li class="contains-mega-sub-menu smb-2"><a href="../telemark_ski_course/telemark_lessons.html">What We Do</a>
                                    <ul class="mega-sub-menu">
                                      <li class="mega-sub-menu-title"><a href="../telemark_ski_course/telemark_lessons.html">What We Do</a>
                                          <ul>
                                            <li><a href="../telemark_ski_course/telemark_lessons.html">Telemark Lessons Overview</a></li>
                                            <li><a href="../telemark_ski_course/private_telemark_lessons.html">Private Telemark Lessons</a></li>
                                            <li><a href="../telemark_ski_course/telemark_ski_courses.html">Group Telemark Lessons</a></li>
                                            <li><a href="../Telemark_Events/UK_Telemark_Festivals.html">UK Telemark Festivals</a></li>
                                            <li><a href="../telemark_equipment_reviews/Scott_NTN_Test.html">Test Scott NTN Kit</a></li>
                                          </ul>
                                      </li>
                                      <li class="mega-sub-menu-title"><a href="../telemark_ski_course/telemark_ski_courses.html">Telemark Courses</a>
                                          <ul>
                                            <li><a href="../telemark_ski_course/telemark_ski_courses.html">Telemark Course Overview</a></li>
                                            <li><a href="../telemark_ski_course/tele_virgins_course.html">Tele Virgins Course</a></li>
                                            <li><a href="../telemark_ski_course/tele_development_course.html">Tele Development Course</a></li>
                                            <li><a href="../telemark_ski_course/tele_all_mountain_course.html">Tele All Mountain Course</a></li>
                                            <li><a href="../telemark_ski_course/tele_adventure_course.html">Tele Adventure Course</a></li>
                                          </ul>
                                      </li>
                                      <li class="mega-sub-menu-title"><a href="../telemark_ski_course/telemark_ski_courses.html">Specialist Telemark Courses</a>
                                          <ul>
                                            <li><a href="../telemark_ski_course/tele_touring_course.html">Tele Touring Course</a></li>
                                            <li><a href="../telemark_ski_course/Autumn_Telemark_Trips.html">Autumn Tele Trips</a></li>
                                            <li><a href="../telemark_ski_course/BASI_telemark_preparation.html">BASI Prep Courses</a></li>
                                            <li><a href="../telemark_ski_course/telemark_race_training_camps.html">Race Training Camps</a></li>
                                            <li><a href="../telemark_ski_course/try_telemark_taster.html">Try Tele Days</a></li>
                                          </ul>
                                      </li>
                                    </ul>
                                <li class="contains-mega-sub-menu smb-3"><a href="../telemark_ski_course/telemark_ski_course_dates.html">When and Where</a>
                                    <ul class="mega-sub-menu">
                                      <li class="mega-sub-menu-title"><a href="../telemark_ski_course/telemark_ski_course_dates.html">Where</a>
                                          <ul>
                                            <li><a href="../telemark_espace_killy/telemark_skiing_valdisere.html">Telemark in Val d'Isere</a></li>
                                            <li><a href="../telemark_espace_killy/telemark_skiing_tignes.html">Telemark Tignes</a></li>
                                          </ul>
                                      </li>
                                      <li class="mega-sub-menu-title"><a href="../telemark_ski_course/telemark_ski_course_dates.html">When</a>
                                          <ul>
                                            <li><a href="../telemark_ski_course/telemark_ski_course_dates.html">Dates and Prices</a></li>
                                          </ul>
                                      </li>
                                      <li class="mega-sub-menu-title"><a href="../telemark_espace_killy/accommodation_valdisere.html">Accommodation and Travel</a>
                                          <ul>
                                            <li><a href="../telemark_espace_killy/accommodation_valdisere.html">Accommodation Val d'Isere</a></li>
                                            <li><a href="../telemark_espace_killy/accommodation_tignes.html">Accommodation Tignes</a></li>
                                            <li><a href="../telemark_espace_killy/travel_to_valdisere_tignes.html">Getting Here</a></li>
                                          </ul>
                                      </li>
                                    </ul>
                                </li>
                                <li class="smb-4"><a href="../telemark_ski_instruction/telemark_ski_school.html">Who are we?</a>
                                    <ul class="sub-menu">
                                      <li><a href="../telemark_ski_course/learn_to_telemark_ski.html">Why ski with us?</a></li>
                                      <li><a href="../telemark_ski_instruction/testimonials.html">Testimonials</a></li>
                                      <li><a href="../telemark_ski_instruction/telemark_ski_school.html">Telemark Ski School</a></li>
                                      <li><a href="../telemark_ski_instruction/ben_langridge.html">Ben Langridge</a></li>
                                      <li><a href="../telemark_ski_instruction/nicko_braxton.html">Nicko Braxton</a></li>
                                    </ul>
                                </li>
                                <li class="contains-mega-sub-menu smb-5"><a href="#">Telemark Stuff</a>
                                    <ul class="mega-sub-menu">
                                      <li class="mega-sub-menu-title"><a href="../telemark_equipment_reviews/telemark_review.html">Kit Reviews</a>
                                          <ul>
                                            <li><a href="../telemark_equipment_reviews/telemark_review.html">Telemark Reviews</a></li>
                                            <li><a href="../telemark_equipment_reviews/telemark_boots.html">Telemark Boots</a></li>
                                            <li><a href="../telemark_equipment_reviews/telemark_skis.html">Telemark Skis</a></li>
                                            <li><a href="../telemark_equipment_reviews/telemark_binding_reviews.html">Telemark Bindings</a></li>
                                            <li><a href="../telemark_equipment_reviews/rottefella_ntn.html">The NTN Debate</a></li>
                                          </ul>
                                      </li>
                                      <li class="mega-sub-menu-title"><a href="../telemark_tips/telemark_technique_tips.html">Telemark Tips</a>
                                          <ul>
                                            <li><a href="../Telemark_Fitness/telemark_ski_fitness.html">Telemark Fitness</a></li>
                                            <li><a href="../telemark_tips/telemark_technique_tips.html">Technique Articles</a></li>
                                          </ul>
                                      </li>
                                      <li class="mega-sub-menu-title"><a href="../Media/telemark_video.html">Inspiration</a>
                                          <ul>
                                            <li><a href="../Media/telemark_video.html">Action Videos</a></li>
                                            <li><a href="../Media/telemark_course_video.html">Course Videos</a></li>
                                          </ul>
                                      </li>
                                      <li><a href="../telemark_equipment_reviews/Scott_NTN_Test.html">Test NTN</a>
                                          <ul>
                                            <li><a href="../telemark_equipment_reviews/Scott_NTN_Test.html">Test NTN Kit</a></li>
                                          </ul>
                                      </li>
                                    </ul>
                                </li>
                                <li class="smb-5"><a href="../Contact/contact.html">Get in touch</a>
                                    <ul class="sub-menu">
                                      <li><a href="../telemark_ski_course/telemark_ski_course_bookings.html">Bookings</a></li>
                                      <li><a href="../Contact/contact.html">Contact</a></li>
                                    </ul>
                                </li>
                              </ul>
                            </div>
                            <!-- end navigation -->
                        <!-- #EndLibraryItem -->

                        </div>
                    </div>
                </div>
          </header>
            <!-- Header End -->

            <!-- Content -->
          <div class="content clearfix reveal-side-navigation">

                <!-- Fullscreen Slider Section -->
                <section class="section-block featured-media">

                    <div class="tm-slider-container full-width-slider">
                    <div class="tm-slider-container full-width-slider  homepage-slider" data-auto-advance data-auto-advance-interval="5000" data-pause-on-hover="false">

                        <ul class="tms-slides">                        
                            <li class="tms-slide" data-image data-force-fit data-animation="scaleOut">
                                <div class="tms-content">
                                    <div class="tms-content-inner left">
                                        <div class="row">
                                            <div class="column width-12 left">
                                                <h1 class="tms-caption title-xlarge weight-bold lspacing-medium"
                                data-animate-in="opacity:0;transX:40px;duration:600ms;delay:0;easing:easeFastSlow;"
                                >The Tele Tracks Blog</h1>
                                <div class="clear"></div>
                                <h2 class="tms-caption title-xlarge weight-bold lspacing-medium"
                                data-animate-in="opacity:0;transX:-400px;duration:600ms;delay:300ms;easing:easeFastSlow;"
                                >Adventure</h2>
                                <div class="clear"></div>
                                <h2 class="tms-caption title-xlarge weight-bold lspacing-medium"
                                data-animate-in="opacity:0;transX:400px;duration:600ms;delay:600ms;easing:easeFastSlow;"
                                >Telemark Skiing...</h2>
                                <div class="clear"></div>   


                                            </div>
                                        </div><!-- end div class row -->
                                    </div>
                                </div><!-- end tms-content -->
                                <img data-src="../images/telemark_skiing_background7.jpg" data-retina src="images/blank.png" alt="telemark skier in the Val d'Isere backcountry image of"/>
                            </li>

                             <li class="tms-slide" data-image data-force-fit data-animation="scaleOut">
                <div class="tms-content">
                    <div class="tms-content-inner left"> 
                        <div class="row">
                            <div class="column width-8">
                                <h2 class="tms-caption title-xlarge weight-bold lspacing-medium"
                                data-animate-in="opacity:0;transX:40px;duration:300ms;delay:0;easing:easeFastSlow;"
                                >Telemark Skiing News</h2>
                                <div class="clear"></div>
                                <h3 class="tms-caption title-xlarge weight-bold lspacing-medium"
                                data-animate-in="opacity:0;transX:-40px;duration:600ms;delay:600ms;easing:easeFastSlow;"
                                >Keep Up With</h3>
                                <div class="clear"></div>
                                <h3 class="tms-caption title-xlarge weight-bold lspacing-medium"
                                data-animate-in="opacity:0;transX:40px;duration:900ms;delay:900ms;easing:easeFastSlow;"
                                >The Latest...</h3>
                                <div class="clear"></div>

                            </div>
                       </div>
                    </div>
                </div>
                <img data-src="../images/telemark_skiing_background5.jpg" data-retina src="images/blank.png" 
                alt="Telemark Skier in Val d'isere"/>
            </li>             


                        </ul>
                    </div>
                </section>
                <!-- Fullscreen Slider Section End -->

                <div class="section-block row">

                    <!-- Content Inner -->
                    <div class="column width-9 content-inner blog-regular">
                        <article class="post">
                            <div class="post-media">
                                <div class="thumbnail img-scale-in" data-hover-easing="easeInOut" data-hover-speed="500" data-hover-bkg-color="000000" data-hover-bkg-opacity="0.6">
                                    <a class="overlay-link" href="blog/blog-single-post-sidebar-right.html">
                                        <img src="images/blog/regular/image-regular.jpg" alt=""/>
                                        <span class="overlay-info">
                                            <span>
                                                <span>
                                                    In photography
                                                </span>
                                            </span>
                                        </span>
                                    </a>
                                    <div class="post-info post-info-over show hide-on-mobile">
                                        <div class="post-info-inner">
                                            <div class="post-date"><span class="day">18</span><span class="month-year">Aug '14</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-info post-info-aside">
                                <div class="post-info-inner">
                                    <span class="post-autor"><a href="#">By Cole</a></span><span class="post-comment"><a href="#">2 Comments</a></span>
                                </div>
                                <div class="post-love"><a href="#" class="post-love"><span class="icon-heart"></span>085</a></div>
                            </div>
                            <div class="post-content">
                                <h2 class="post-title"><a href="blog/blog-single-post-sidebar-right.html">Hip 80's Wallpapers</a></h2>
                                <div class="post-info">
                                    <span class="post-date hide show-on-mobile">18 Aug 2014 /</span> <span class="post-autor hide show-on-mobile"><a href="#">By Pedro</a></span> <span class="post-comment hide show-on-mobile">/ <a href="#">2 Comments</a></span> <span class="post-love hide show-on-mobile">/ <a href="#"><span class="icon-heart"></span>085</a></span>
                                </div>
                                <?php perch_content('Intro'); ?>
                                <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores.</p>
                                <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.</p>
                                <div class="post-read-more">
                                    <a class="animated-link read-more" href="blog/blog-single-post-sidebar-right.html"><span class="text-line bkg-charcoal"></span> Read More</a>
                                </div>
                            </div>
                        </article>
                        <article class="post">
                            <div class="post-media">
                                <div class="thumbnail img-scale-in" data-hover-easing="easeInOut" data-hover-speed="500" data-hover-bkg-color="000000" data-hover-bkg-opacity="0.6">
                                    <a class="overlay-link" href="blog/blog-single-post-sidebar-right.html">
                                        <img src="images/blog/regular/image-regular-2.jpg" alt=""/>
                                        <span class="overlay-info">
                                            <span>
                                                <span>
                                                    In fashion, design
                                                </span>
                                            </span>
                                        </span>
                                    </a>
                                    <div class="post-info post-info-over show hide-on-mobile">
                                        <div class="post-info-inner">
                                            <div class="post-date"><span class="day">05</span><span class="month-year">Aug '14</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-info post-info-aside">
                                <div class="post-info-inner">
                                    <span class="post-autor"><a href="#">By Sara</a></span><span class="post-comment"><a href="#">2 Comments</a></span>
                                </div>
                                <div class="post-love"><a href="#" class="post-love"><span class="icon-heart"></span>954</a></div>
                            </div>
                            <div class="post-content">
                                <h2 class="post-title"><a href="blog/blog-single-post-sidebar-right.html">Tattooes &amp; Fashion</a></h2>
                                <div class="post-info">
                                    <span class="post-date hide show-on-mobile">05 Aug 2014 /</span> <span class="post-autor hide show-on-mobile"><a href="#">By Sara</a></span> <span class="post-comment hide show-on-mobile">/ <a href="#">2 Comments</a></span> <span class="post-love hide show-on-mobile">/ <a href="#"><span class="icon-heart"></span>954</a></span>
                                </div>
                                <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores.</p>
                                <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.</p>
                                <div class="post-read-more">
                                    <a class="animated-link read-more" href="blog/blog-single-post-sidebar-right.html"><span class="text-line bkg-charcoal"></span> Read More</a>
                                </div>
                            </div>
                        </article>
                        <article class="post">
                            <div class="post-media">
                                <div class="thumbnail img-scale-in" data-hover-easing="easeInOut" data-hover-speed="500" data-hover-bkg-color="000000" data-hover-bkg-opacity="0.6">
                                    <a class="overlay-link" href="blog/blog-single-post-sidebar-right.html">
                                        <img src="images/blog/regular/image-regular-3.jpg" alt=""/>
                                        <span class="overlay-info">
                                            <span>
                                                <span>
                                                    In mobile, technology
                                                </span>
                                            </span>
                                        </span>
                                    </a>
                                    <div class="post-info post-info-over show hide-on-mobile">
                                        <div class="post-info-inner">
                                            <div class="post-date"><span class="day">20</span><span class="month-year">Jul '14</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-info post-info-aside">
                                <div class="post-info-inner">
                                    <span class="post-autor"><a href="#">By Joseph</a></span><span class="post-comment"><a href="#">20 Comments</a></span>
                                </div>
                                <div class="post-love"><a href="#" class="post-love"><span class="icon-heart"></span>187</a></div>
                            </div>
                            <div class="post-content">
                                <h2 class="post-title"><a href="blog/blog-single-post-sidebar-right.html">Macaw Mobile App</a></h2>
                                <div class="post-info">
                                    <span class="post-date hide show-on-mobile">20 Jul 2014 /</span> <span class="post-autor hide show-on-mobile"><a href="#">By Joseph</a></span> <span class="post-comment hide show-on-mobile">/ <a href="#">20 Comments</a></span> <span class="post-love hide show-on-mobile">/ <a href="#"><span class="icon-heart"></span>187</a></span>
                                </div>
                                <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores.</p>
                                <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.</p>
                                <div class="post-read-more">
                                    <a class="animated-link read-more" href="blog/blog-single-post-sidebar-right.html"><span class="text-line bkg-charcoal"></span> Read More</a>
                                </div>
                            </div>
                        </article>
                        <article class="post">
                            <div class="post-media">
                                <div class="thumbnail img-scale-in" data-hover-easing="easeInOut" data-hover-speed="500" data-hover-bkg-color="000000" data-hover-bkg-opacity="0.6">
                                    <a class="overlay-link" href="blog/blog-single-post-sidebar-right.html">
                                        <img src="images/blog/regular/image-regular-4.jpg" alt=""/>
                                        <span class="overlay-info">
                                            <span>
                                                <span>
                                                    In branding
                                                </span>
                                            </span>
                                        </span>
                                    </a>
                                    <div class="post-info post-info-over show hide-on-mobile">
                                        <div class="post-info-inner">
                                            <div class="post-date"><span class="day">15</span><span class="month-year">Jul '14</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-info post-info-aside">
                                <div class="post-info-inner">
                                    <span class="post-autor"><a href="#">By Jackson</a></span><span class="post-comment"><a href="#">54 Comments</a></span>
                                </div>
                                <div class="post-love"><a href="#" class="post-love"><span class="icon-heart"></span>054</a></div>
                            </div>
                            <div class="post-content">
                                <h2 class="post-title"><a href="blog/blog-single-post-sidebar-right.html">Brand Awareness &amp; Identity</a></h2>
                                <div class="post-info">
                                    <span class="post-date hide show-on-mobile">15 Jul 2014 /</span> <span class="post-autor hide show-on-mobile"><a href="#">By Jackson</a></span> <span class="post-comment hide show-on-mobile">/ <a href="#">54 Comments</a></span> <span class="post-love hide show-on-mobile">/ <a href="#"><span class="icon-heart"></span>054</a></span>
                                </div>
                                <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores.</p>
                                <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.</p>
                                <div class="post-read-more">
                                    <a class="animated-link read-more" href="blog/blog-single-post-sidebar-right.html"><span class="text-line bkg-charcoal"></span> Read More</a>
                                </div>
                            </div>
                        </article>
                    </div>
                    <!-- Content Inner End -->

                    <!-- Sidebar -->
                    <aside class="column width-3 sidebar left">
                        <div class="sidebar-inner list-group">
                            <div class="widget">
                                <h3 class="widget-title">Categories</h3>
                                <ul>
                                    <li><a href="#">Art</a></li>
                                    <li><a href="#">Vintage</a></li>
                                    <li><a href="#">Photography</a></li>
                                    <li><a href="#">Illustration</a></li>
                                    <li><a href="#">Design</a></li>
                                    <li><a href="#">Conceptual</a></li>
                                    <li><a href="#">Music</a></li>
                                </ul>
                            </div>
                            <div class="widget">
                                <h3 class="widget-title">Tags</h3>
                                <ul>
                                    <li>
                                        <a href="#">Vintage</a>,
                                        <a href="#">Sounds</a>,
                                        <a href="#">Photo Trends</a>,
                                        <a href="#">Hobby</a>,
                                        <a href="#">Illustrations</a>,
                                        <a href="#">Work</a>,
                                        <a href="#">Cultural</a>,
                                        <a href="#">Urban Design</a>,
                                        <a href="#">Oldschool</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="widget">
                                <h3 class="widget-title">Recent Posts</h3>
                                <ul>
                                    <li><a href="#">Unique Concepts</a></li>
                                    <li><a href="#">Trend Photography</a></li>
                                    <li><a href="#">Inspiration</a></li>
                                    <li><a href="#">Smart Quotes</a></li>
                                    <li><a href="#">New Vintage</a></li>
                                    <li><a href="#">Artistry</a></li>
                                    <li><a href="#">Sound Vibes</a></li>
                                    <li><a href="#">Into the Wild</a></li>
                                </ul>
                            </div>
                            <div class="widget">
                                <h3 class="widget-title">Tweets</h3>
                                <!-- twitter -->
                                <a class="twitter-timeline" href="https://twitter.com/thememountainco" data-chrome="noheader nofooter noborders transparent"  data-tweet-limit="2" data-link-color="#3fc5e5" data-widget-id="572782546753429504">Tweets by @thememountainco</a> 
                              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^https:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                            </div>
                        </div>
                    </aside>
                    <!-- Sidebar End -->

                </div>

                <!-- Pagination Section 5 -->
                <div class="section-block pagination-5">
                    <div class="row">
                        <div class="column width-12">
                            <ul>
                                <li>
                                    <a class="pagination-previous animated-link left" href="#"><span class="text-line bkg-charcoal"></span><span>04 Previous Posts</span></a>
                                    <div class="pagination-image post-1-previous"></div>
                                </li>
                                <li>
                                    <a class="pagination-next animated-link right disabled" href="#"> <span class="text-line bkg-charcoal"></span><span>No More Posts</span></a>
                                    <div class="pagination-image"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
              <!-- Pagination Section 5 End -->



             <!-- Partner Logos Section-->
             <!-- #BeginLibraryItem "/Library/Partner Logos Section.lbi" -->
             <!-- Partner Logos -->
             <div class="section-block logos-1 bkg-grey-ultralight">
               <div class="row">
                 <div class="column width-12">
                   <h6 class="big-title">We Work with the Best...</h6>
                 </div>
               </div>
               <div class="row">
                 <div class="column width-12">
                   <div class="row content-grid-5">
                     <div class="grid-item"> <a href="#"> <img src="../images/Scott_Logo.jpg" alt="Scott Sports Logo"> </a> </div>
                     <div class="grid-item"> <a href="#"> <img src="../images/Rottefella_logo.png" alt="Rottefella Logo"> </a> </div>
                     <div class="grid-item"> <a href="#"> <img src="../images/valdisere_logo.gif" alt="Val d'Isere logo"> </a> </div>
                     <div class="grid-item"> <a href="#"> <img src="../images/superfeet_logo.gif" alt="Superfeet Footbeds Logo"> </a> </div>
                     <div class="grid-item"> <a href="#"> <img src="../images/Fall_Line_Logo.gif" alt="Fall Line Logo"> </a> </div>
                   </div>
                 </div>
               </div>
             </div>
             <!-- end Partner Logos -->
            <!-- #EndLibraryItem -->
            <!-- End Partner Logos Section-->

            <!-- Mailchimp Signup Section-->

            <!-- #BeginLibraryItem "/Library/MailChimp Signup.lbi" -->
            <div class="section-block signup-2">
              <div class="row">
                <div class="column width-12 color-white">
                  <div class="signup-form-container">
                    <h4>Join Our Mailing List</h4>
                    <p class="lead">Sign up for Events, News and Specials...Spam! <strong>Seriously?</strong> We're too busy 
                      Skiing Pow!</p>
                    <p>If you don't recieve an email requiring your verification, then please check your spam folder...</p>
                    <form class="signup-form" action="../php/subscribe.php" method="post" novalidate>
                      <div class="row">
                        <div class="column width-5">
                          <input type="text" name="fname" class="form-fname form-element large rounded" placeholder="Name*" tabindex="1" required>
                        </div>
                        <div class="column width-5">
                          <input type="email" name="email" class="form-email form-element large rounded" placeholder="Email Address*" tabindex="2" required>
                        </div>
                        <div class="column width-2">
                          <input type="submit" value="Signup" class="form-submit large button rounded bkg-blue-light bkg-hover-navy color-white color-hover-white">
                        </div>
                      </div>
                      <input type="text" name="honeypot" class="form-honeypot form-element large rounded">
                    </form>
                    <div class="form-response"></div>
                  </div>
                </div>
              </div>
            </div>
            <!-- #EndLibraryItem -->
            <!-- End Mailchimp Signup Section-->

                <!-- Social Section-->
              <!-- #BeginLibraryItem "/Library/Social Section.lbi" -->
                <div class="section-block social-1 bkg-grey-ultralight">
                  <div class="row">
                    <div class="column width-12">
                      <h6>Socialize With Us</h6>
                      <ul>
                        <li><a href="https://www.facebook.com/TeleTracks/" class="icon-facebook large" target="_blank"></a></li>
                        <li><a href="https://twitter.com/Telemark_Tracks" class="icon-twitter large" target="_blank"></a></li>
                        <li><a href="https://za.pinterest.com/teletracks/" class="icon-pinterest large" target="_blank"></a></li>
                        <li><a href="https://www.youtube.com/channel/UCw8HMVgboOGvKiYylVuT1Zg" class="icon-youtube large" target="_blank"></a></li>
                        <li><a href="https://plus.google.com/u/0/b/116337887248349861630/+Telemarktracks/about" 
                        class="icon-google large" target="_blank"></a></li>
                        <li><a href="https://vimeo.com/telemarktracks" class="icon-vimeo large" target="_blank"></a></li>
                        <li><a href="https://www.instagram.com/teletracks/" class="icon-instagram large" target="_blank"></a></li>
                        <li><a href="https://www.linkedin.com/company/telemark-tracks?report%2Esuccess=KJ_KkFGTDCfMt-A7wV3Fn9Yvgwr02Kd6AZHGx4bQCDiP6-2rfP2oxyVoEQiPrcAQ7Bf" class="icon-linkedin large" target="_blank"></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
            <!-- #EndLibraryItem -->
            <!-- End Social Section-->


            </div>
            <!-- Content End -->

                  <!-- Footer 1--><!-- #BeginLibraryItem "/Library/Footer.lbi" --><footer class="footer-1 footer">
                <div class="footer-top">
                    <div class="row">
                        <div class="column width-12">
                                <div class="row content-grid-3">
                                    <div class="grid-item">
                                        <div class="widget">

                                        <ul>
                                            <li>All Rights Reserved</li>
                                            <li>Telemark Tracks 2011</li>
                                            <li><a href="../Contact/terms_conditions.html">Terms and Conditions</a></li>
                                            <li><a href="../Contact/links.html">Links</a></li>
                                            <li><a href="../sitemap.html">Sitemap</a></li>
                                        </ul>
                                        </div>
                                    </div>
                                    <div class="grid-item">
                                        <div class="widget">
                                        <h4>Latest From the Blog</h4>
                                        <ul class="list-group large">
                                            <li>
                                                <a href="telemark_skis.html">Telemark Ski Reviews</a>
                                                <span class="post-info"><span class="post-date">12 Aug 2016</span></span>
                                            </li>
                                            <li>
                                <a href="meidjo_binding_review.html">The Meidjo Binding</a>
                                                <span class="post-info"><span class="post-date">11 Aug 2016</span></span>
                                            </li>
                                            <li>
                                                <a href="../telemark_tips/telemark_technique_tips.html">Tele Technique</a>
                                                <span class="post-info"><span class="post-date">11 Aug 2016</span></span>
                                            </li>
                                            <li>
                            <a href="telemark_binding_reviews.html">Telemark Binding Reviews</a>
                                                <span class="post-info"><span class="post-date">11 Nov 2015</span></span>
                                            </li>
                                        </ul>
                                        </div>
                                    </div>
                                    <div class="grid-item">
                                        <h4>Sign up for Events, News and Specials...</h4>
                                         <p>If you don't recieve an email requiring your verification, then please check your 
                                         spam folder...</p> 
                                        <div class="signup-form-container">
                                        <form class="signup-form" action="../php/subscribe.php" method="post" novalidate>
                                            <div class="row">
                                                <div class="column width-12">
                                                    <div class="field-wrapper">
                                                        <input type="text" name="fname" class="form-name form-element small" placeholder="Name" tabindex="1" required>
                                                        <span class="border"></span>
                                                    </div>
                                                </div>
                                                <div class="column width-12">
                                                    <div class="field-wrapper">
                                                        <input type="email" name="email" class="form-email form-element small" placeholder="Email" tabindex="2" required>
                                                        <span class="border"></span>
                                                    </div>
                                                </div>
                                                <div class="column width-12">
                                                    <input type="submit" value="Signup" class="form-submit rounded button small border-grey bkg-hover-charcoal-light color-white color-hover-white">
                                                </div>
                                            </div>
                                            <input type="text" name="honeypot" class="form-honeypot form-element">
                                        </form>
                                        <div class="form-response color-white show">We don't spam, We're too busy skiing!</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="footer-bottom">
                    <div class="row">
                        <div class="column width-12">
                            <div class="footer-bottom-inner">
                                <ul class="social-list list-horizontal pull-left clear-float-on-mobile left">
            <li><a href="https://twitter.com/Telemark_Tracks" target="_blank"><span class="icon-twitter"></span>Twitter</a>/</li>
            <li><a href="https://plus.google.com/u/0/b/116337887248349861630/+Telemarktracks/about" target="_blank"><span class="icon-google+"></span>Google+</a>/</li>
            <li><a href="https://www.facebook.com/TeleTracks/" target="_blank"><span class="icon-facebook"></span>Facebook</a></li>
            <li><a href="https://www.instagram.com/teletracks/" target="_blank"><span class="icon-instagram"></span>Instagram</a></li>
            <li><a href="https://za.pinterest.com/teletracks/" target="_blank"><span class="icon-pinterest"></span>Pinterest</a></li>
            <li><a href="https://www.youtube.com/channel/UCw8HMVgboOGvKiYylVuT1Zg" target="_blank"><span class="icon-youtube"></span>YouTube</a></li>
            <li><a href="https://vimeo.com/telemarktracks" target="_blank"><span class="icon-vimeo"></span>Vimeo</a></li>
                                </ul>
                                <nav class="navigation pull-right clear-float-on-mobile">
                                    <ul>
                                        <li><a data-no-hide class="scroll-to-top no-page-fade no-margin-left" href="#">Back Top</a>/</li>
                                      <li><a href="https://www.benlangridge.com" class="fade-location" target="_blank"><span class="icon-right-open-mini"></span>Web Design / SEO</a></li>
                                  </ul>
                                </nav>
                            </div>
                        </div>
                    </div> 
                </div>
            </footer><!-- #EndLibraryItem -->

            <!-- Footer 1 End -->
        </div>
    </div>

    <!-- Js -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3"></script>
    <script src="../js/timber.master.min.js"></script>
    <script type="text/javascript" src="../js/jquery.tm.swipe.min.js"></script>
    <script type="text/javascript" src="../js/jquery.tm.snowbridge.min.js"></script>
     <script async defer src="//assets.pinterest.com/js/pinit.js"></script>
</body>
</html>

I'd like to attach screenshot - but don't seem able to do it.

Not sure if I've set up the database in phpMyAdmin - if that helps

Many thanks

Ben
Drew McLellan

Drew McLellan 2638 points
Perch Support

3 years ago

Does your file have a .php file extension?
Ben Langridge

Ben Langridge 0 points

3 years ago

Hi Drew,

Yes, it's a .php page...

All I get is a white page with the source code rather than the webpage.

My suspicion is that I haven't set up the database correctly. MAMP gives me a green light for the MySQL and Apache servers.

Many thanks for your help
Robert Ketter

Robert Ketter 103 points

3 years ago

Ben, do me a favor and in the template you have posted replace this <?php include('../perch/runtime.php'); ?> with this <?php phpinfo(); ?>

Lets first establish if you have php working... What do you get?
Ben Langridge

Ben Langridge 0 points

3 years ago

Hi Drew

I'm currently reconfiguring the database settings in phpMyAdmin - I think this is the issue.

Many thanks
Robert Ketter

Robert Ketter 103 points

3 years ago

Ben, Maybe this is beginners luck.... but last week I decided to make the jump to MAMP PRO on my dev machine...

It literally took less then 5 minutes to install, map to my project's directory and it was up and running perfectly out of the box. I didn't have to make a single edit or config in any of the dozens of sites I have on DEV, nor did I have to make changes within MAMP.

So that being said... I don't see why you would need to fiddle with settings, config or otherwise to have this going. It should just work.

Maybe the free version of MAMP is different, but the $59 for pro (plus 14 days free to try) is far cheaper than spending a day fighting the free version.

Did you try my example above?
Ben Langridge

Ben Langridge 0 points

3 years ago

Hi Robert

thanks for your response - I get the same outcome with <?php phpinfo(); ?>

I've just found some phpMyAdmin instructions on wordpress.org, I hadn't set up the database correctly... just testing now
Robert Ketter

Robert Ketter 103 points

3 years ago

OK, Still the <?php ?> tags should not be passing through without being parsed.... but this could be something to do with how WP handles template parsing and such. I do not use or understand WP, except to say isn't it also a CMS? If so, why would one use (2) CMS's to handle the same content?... Please understand I am just asking questions, not passing judgement on anyone... I just like to understand whats up... :)
Ben Langridge

Ben Langridge 0 points

3 years ago

Hi Robert

I'm not using Wordpress, I'm using Perch on a local server with MAMP, only I can't find any decent database setup instructions with MAMP, so I searched Google and found the Wordpress site which was good.

I've got it working now thanks