JonasEriksson

<!--- Note JE: This reveals a bit much if used on a live server, so I added a simple IP check --->

<cfif cgi.REMOTE_ADDR EQ "myIPaddress">

#$.siteConfig('themeAssetPath')#
#$.siteConfig('assetPath')#

<cfdump var="#$.siteConfig().getAllValues()#">
#$.siteConfig('domain')#

JonasEriksson

=============================
Content Image
=============================
<img src="#$.content().getImageURL(size='large')#" />

=============================
Extended Attribute Image
=============================
<!--- First, create an extended attribute with the type of 'File' --->
<img src="#$.createHREFForImage(filename=$.content('myExtAttribute'))#" />

JonasEriksson

<!--- There are many ways you can display extended attributes. The most common way to display the value of an attribute is to use the content bean from the event upon rendering and ask for the attribute. This can be done by using the below code: --->
<cfoutput>#$.content( {attributeName} )#</cfoutput>
<cfoutput>#$.content('productPrice')#</cfoutput>
[mura]$.content('productPrice')[/mura]

<!--- Display Extended Attribute Image, including custom image size - within Iterator --->
<img alt="#sub1.getMenuTitle()#" class="img-responsive" src="#$.getURLForImage(sub1.getfilethumbnail(size = 'standardimage'))#">

<!--- Method on displaying Mura extended attribute images, including custom image sizes --->
<!--- Assuming you've created an extended attribute 'File' type called 'extAttributeImage' --->

JonasEriksson

<h1>h1. This is a very large header.</h1>
<h2>h2. This is a large header.</h2>
<h3>h3. This is a medium header.</h3>
<h4>h4. This is a moderate header.</h4>
<h5>h5. This is a small header.</h5>
<h6>h6. This is a tiny header.</h6>


<!-- 

JonasEriksson

<!--- JS - this goes into the html footer --->
<script>
$(document).ready(function() {
    function recalculate() {
        var sum = 0;

        $("input[type=checkbox]:checked").each(function() {
            sum += parseInt($(this).attr("optionpricelocalcurrency"));
        });

JonasEriksson

<!--
	1) Drop this in your theme /{SiteID}/includes/themes/{Theme}/config.xml.cfm
-->
<theme>

	<extensions>
		<extension type="Folder" subType="FAQ" availableSubTypes="Page/Question" iconClass="icon-question-sign">
		</extension>
		<extension type="Page" subType="Question" iconClass="icon-question" hasSummary="0" hasBody="0" hasAssocFile="0">
		</extension>

JonasEriksson

<!--- 
  When building a single-page website with many content sections, 
  it can be easier to manage for end-users if the content parts
  are managed as normal "pages" in Mura CMS, even if they are not 
  part of the normal/public site structure and/or navigation. 
  These normal content items (usually pages), then have Title, 
  Summary, Body, Associated Image etc. loaded by their respective
  ContentID, page-name or titles.
  The same applies to listing users with available contact information.
  Below are a few examples on how this can be done for content. 

JonasEriksson

<cfoutput>
<section id="gallery" class="container-fluid">
  <!-- Photos -->
  <div class="row no-gutter">
    <div class="col-md-4 portfolio-item">
      <div class="material-placeholder"><img class="materialboxed center-block responsive-img wow fadeIn initialized" src="#$.siteConfig('themeAssetPath')#/images/gallery/g1.jpg" style="visibility: visible; animation: fadeIn; -webkit-animation: fadeIn;"></div>
    </div>
    <div class="col-md-4 portfolio-item">
      <div class="material-placeholder" style=""><img class="materialboxed center-block responsive-img wow fadeIn initialized" data-wow-delay="0.2s" src="#$.siteConfig('themeAssetPath')#/images/gallery/g2.jpg" style="visibility: visible; animation: fadeIn 0.2s; -webkit-animation: fadeIn 0.2s;"></div>
    </div>

JonasEriksson

<cfoutput>
<!-- start about me section -->
<div class="container-fluid">
  <section class="section-main" id="aboutme">
    <div class="row">
    <!-- start left column with large round image based on square image input -->
      <div class="col-sm-5">
        <img src="#$.siteConfig('themeAssetPath')#/images/about-me/my_pic.jpg" class="img-responsive img-circle">
      </div> <!--- /. col-sm-5 --->
    <!-- /. end left column -->

JonasEriksson

<!--- Note: This is meant to be a super-simple "Warning or Update or Hint on the startpage. For example a sportsclub might announce changed training times, or a competition.
This requires an Extended Attribute for the Site/Default named WarningColour and noticeBGcolour, as well as a textfield named ImportantNotice. If it is not set, we fall back on the Material Colour definition of"orange darken-4" --->

<cfoutput>
    <cfif len(#$.siteConfig('WarningColour')#)>
      <cfset noticeBGcolour = #$.siteConfig('WarningColour')#><cfelse><cfset noticeBGcolour = "orange darken-4">
    </cfif>
  <cfif len($.siteConfig('ImportantNotice'))>
<div class="container-fluid">
    <div class="row" style="background-color: #noticeBGcolour#">