Frederik Vig – ASP.NET developer

using PageTypeBuilder;
 
namespace EPiServer.Templates.Public.PageTypes
{
    [PageType(Name = "[Public] Document list", SortOrder = 1140, Filename = "/Templates/Public/Pages/DocumentList.aspx", AvailablePageTypes = new [] { typeof(Document)})]
    public class DocumentList : TypedPageData
    {
    }
}

[PageTypeProperty(
    EditCaption = "Secondary body",
    HelpText = "The contents of this property will be shown in the right column of the page, you can use both text and images for layout. Note that images should not be larger than the right area.",
    Searchable = true,
    UniqueValuePerLanguage = true,
    Type = typeof(PropertyXhtmlString),
    LongStringSettings = (
	EditorToolOption.All ^
	EditorToolOption.Font),
    Tab = typeof(Advanced))]
public virtual string SecondaryBody
{
    get;
    set;
}

LongStringSettings = (EditorToolOption.DynamicContent | EditorToolOption.ToggleHtml)

[PageTypeProperty(UniqueValuePerLanguage = false)]
public string MyProperty
{
    get 
    { 
        return this.GetPropertyValue(page => page.MyProperty, true) 
    }
}

using EPiServer.Security;
using PageTypeBuilder;
 
namespace EPiServer.Templates.Public.Tabs
{
    public class Advanced : Tab
    {
        public override string Name
        {
            get { return "Advanced"; }
        }
 
        public override AccessLevel RequiredAccess
        {
            get { return AccessLevel.Edit; }
        }
 
        public override int SortIndex
        {
            get { return 20; }
        }
    }
}

[PageTypeProperty(Tab = typeof(Advanced))]
public virtual string MyProperty
{
    get; set;
}

public virtual string MetaDescription
{
    get
    {
	return this.GetPropertyValue(page => page.MetaDescription, true);
    }
}

using PageTypeBuilder.UI;
 
namespace EPiServer.Templates.Public.Pages
{
    public partial class Document : TemplatePage<PageTypes.Document>
    {
    }
}

using PageTypeBuilder.UI;
 
namespace EPiServer.Templates.Public.Units.Placeable
{
    public partial class Document : UserControlBase<PageTypes.BasePageData>
    {
    }
}

<staticContent>
    <clientCache cacheControlMode="UseExpires" httpExpires="Sun, 29 Mar 2020 00:00:00 GMT" />
</staticContent>

using System;
using System.Web;
 
namespace Jungle
{
    public class JungleStaticFileHandler : EPiServer.Web.StaticFileHandler
    {
        protected override void SetCachePolicy(HttpContext context, DateTime fileChangedDate)
        {
            if (fileChangedDate > DateTime.UtcNow)
            {
                fileChangedDate = DateTime.UtcNow;
            }
            context.Response.Cache.SetLastModified(fileChangedDate);
            context.Response.Cache.SetCacheability(HttpCacheability.Public);
            context.Response.Cache.SetExpires(DateTime.UtcNow.AddYears(1));
            context.Response.Cache.SetValidUntilExpires(true);
            context.Response.Cache.VaryByParams.IgnoreParams = true;
            context.Response.Cache.SetOmitVaryStar(true);
        }
    }
}

using EPiServer.Core;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] Sitemap page",
        Filename = "/Templates/Jungle/Pages/Sitemap.aspx",
        SortOrder = 1060)]
    public class SitemapPage : EditorialPage
    {
        [PageTypeProperty(
            EditCaption = "Sitemap root page",
            Type = typeof(PropertyPageReference))]
        public virtual PageReference SitemapRoot
        {
            get;
            set;
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Sitemap.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.Sitemap" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>
<%@ Register TagPrefix="Jungle" TagName="MainBody" Src="~/Templates/Jungle/Units/MainBody.ascx" %>
<asp:Content ContentPlaceHolderID="MainContentRegion" runat="server">
 
    <EPiServer:PageTree runat="server" ExpandAll="true" ID="SitemapTree">
        <HeaderTemplate>
            <div id="Sitemap">
        </HeaderTemplate>
        <IndentTemplate>
            <ol>
        </IndentTemplate>
        <ItemHeaderTemplate>
            <li>
        </ItemHeaderTemplate>
        <ItemTemplate>
            <EPiServer:Property PropertyName="PageLink" runat="server" />
        </ItemTemplate>
        <ItemFooterTemplate>
            </li>
        </ItemFooterTemplate>
        <UnindentTemplate>
            </ol>
        </UnindentTemplate>
        <FooterTemplate>
            </div>
        </FooterTemplate>
    </EPiServer:PageTree>
</asp:Content>

using EPiServer.Core;
using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Pages
{
    public partial class Sitemap : TemplatePage<SitemapPage>
    {
        protected override void OnLoad(System.EventArgs e)
        {
            base.OnLoad(e);
 
            this.SitemapTree.PageLink = CurrentPage.SitemapRoot ?? PageReference.StartPage;
            this.SitemapTree.DataBind();
        }
    }
}

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainBody.ascx.cs" Inherits="Jungle.Templates.Jungle.Units.MainBody" %>
<h2><%= CurrentPage.Heading() %></h2>
<EPiServer:Property runat="server" PropertyName="MainBody" DisplayMissingMessage="false" EnableViewState="false" />

using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Units
{
    public partial class MainBody : UserControlBase<BasePageData>
    {
    }
}

using EPiServer.Core;
using EPiServer.XForms;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] XForm page",
        Filename = "/Templates/Jungle/Pages/Xform.aspx",
        SortOrder = 1020)]
    public class XFormPage : EditorialPage
    {
        [PageTypeProperty(EditCaption = "XForm", Searchable = false, Type = typeof(PropertyXForm))]
        public virtual XForm XForm
        {
            get;
            set;
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="XForm.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.XForm" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>

using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Pages
{
    public partial class XForm : TemplatePage<XFormPage>
    {
 
    }
}

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="XFormControl.ascx.cs" Inherits="Jungle.Templates.Jungle.Units.XFormControl" %>
<asp:Panel runat="server" CssClass="xForm">
	<XForms:XFormControl ID="FormControl" runat="server" ValidationGroup="XForm" />
</asp:Panel>

using System;
using EPiServer.XForms;
using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Units
{
    public partial class XFormControl : UserControlBase<BasePageData>
    {
        private XForm _form;
 
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
 
            if (this.Form == null)
            {
                return;
            }
 
            FormControl.FormDefinition = this.Form;
        }
 
        public XForm Form
        {
            get
            {
                if (_form == null)
                {
                    string formGuid = CurrentPage[this.XFormProperty] as string;
                    if (!string.IsNullOrEmpty(formGuid))
                    {
                        _form = XForm.CreateInstance(new Guid(formGuid));
                    }
                }
 
                return _form;
            }
            set
            {
                _form = value;
            }
        }
 
        public string XFormProperty
        {
            get;
            set;
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="XForm.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.XForm" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>
<%@ Register TagPrefix="Jungle" TagName="MainBody" Src="~/Templates/Jungle/Units/MainBody.ascx" %>
<%@ Register TagPrefix="Jungle" TagName="XFormControl" Src="~/Templates/Jungle/Units/XFormControl.ascx" %>
 
<asp:Content ContentPlaceHolderID="MainContentRegion" runat="server">
    <Jungle:MainBody runat="server" />
 
    <Jungle:XFormControl
            runat="server" 
            XFormProperty="XForm" />
</asp:Content>

[PageTypeProperty(
    EditCaption = "Confirmation email text",
    Searchable = true,
    Type = typeof(PropertyXhtmlString),
    LongStringSettings = (
	EditorToolOption.All ^
	EditorToolOption.Font))]
public virtual string ConfirmationEmailText
{
    get;
    set;
}

$(function() {
    $('#id_matrix input').keypress(function(e) {
        if (e.keyCode && e.keyCode == 13) {
            $('#id_matrix :submit:first').click();
            return false;
        } else {
            return true;
        }
    });
});

protected override void OnInit(EventArgs e)
{
    ...
 
    if (!Page.ClientScript.IsClientScriptIncludeRegistered("Xform"))
    {
	Page.ClientScript.RegisterClientScriptInclude("Xform", Page.ResolveUrl("~/Templates/Jungle/Scripts/Xform.js"));
    }
}

<fieldset id="quick-search">
	<p>
	<label for="qsearch">Search:</label>
	<asp:TextBox CssClass="tbox" runat="server" ID="txtQuickSearch" ToolTip="Start typing and hit ENTER" Text="Search..." />
	<asp:ImageButton runat="server" CssClass="btn" ID="btnQuickSearch" CausesValidation="false" ToolTip="Search" ImageUrl="/Templates/Jungle/images/search.png" />  
	</p>
</fieldset>

<asp:Panel runat="server" DefaultButton="btnQuickSearch">
<fieldset id="quick-search">
	<p>
	<asp:Label runat="server" AssociatedControlID="txtQuickSearch">Search:</asp:Label>
	<asp:TextBox CssClass="tbox" runat="server" ID="txtQuickSearch" ToolTip="Start typing and hit ENTER" Text="Search..." />
	<asp:ImageButton runat="server" CssClass="btn" ID="btnQuickSearch" CausesValidation="false" ToolTip="Search" ImageUrl="/Templates/Jungle/images/search.png" />  
	</p>
</fieldset>
</asp:Panel>

/* header quick search */
#header #quick-search {
	position: absolute;
	top: 95px; right: 15px;
	z-index: 999999;
	padding: 0; margin: 0;
	border: none;
	width: 222px; height: 32px;
	background: url(../images/header-search.png) no-repeat;		
}
#header #quick-search p {
	margin: 0; padding: 0;		
	border: none;
}
#header #quick-search input {
	float: left;
	margin: 0; padding: 5px;
	border: none;
	background: transparent;
	color: #4a413c;	
}
#header #quick-search .tbox {
	margin: 6px 0 0 5px; 
	width: 170px;	
	display: inline;		
}
#header #search #quick-search .btn{
	width: 25px; height: 25px;		
}
#header #quick-search label {
	display: none;
}

<asp:ImageButton runat="server" OnClick="btnQuickSearch_Click" CssClass="btn" ID="btnQuickSearch" CausesValidation="false" ToolTip="Search" ImageUrl="/Templates/Jungle/images/search.png" />

using System;
using System.Web;
using EPiCode.Extensions;
using EPiServer.Core;
using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Units
{
    public partial class QuickSearch : UserControlBase<BasePageData>
    {
        protected void btnQuickSearch_Click(object sender, EventArgs e)
        {
            var startPage = PageReference.StartPage.GetPage() as StartPage;
 
            if (startPage == null || PageReference.IsNullOrEmpty(startPage.SearchPage))
            {
                return;
            }
 
            PageData searchPage = startPage.SearchPage.GetPage();
 
            if (searchPage != null)
            {
                Response.Redirect(HttpUtility.UrlPathEncode(string.Format("{0}&q={1}", searchPage.LinkURL, txtQuickSearch.Text)));
            }
        }
    }
}

using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] Search page ",
        Filename = "/Templates/Jungle/Pages/Search.aspx",
        SortOrder = 1030)]
    public class SearchPage : BasePageData
    {
    }
}

using EPiServer.Core;
using EPiServer.Editor;
using EPiServer.SpecializedProperties;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    public abstract class EditorialPage : BasePageData
    {
        [PageTypeProperty(Searchable = true, Type = typeof(PropertyString))]
        public virtual string Heading
        {
            get;
            set;
        }
 
        [PageTypeProperty(
            EditCaption = "Main body",
            Searchable = true,
            Type = typeof(PropertyXhtmlString),
            LongStringSettings = (
                EditorToolOption.All ^
                EditorToolOption.Font))]
        public virtual string MainBody
        {
            get;
            set;
        }
    }
}

using EPiServer.SpecializedProperties;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] Standard page ",
        Filename = "/Templates/Jungle/Pages/Page.aspx",
        SortOrder = 1010)]
    public class StandardPage : EditorialPage
    {
        [PageTypeProperty(EditCaption = "List image", Type = typeof(PropertyImageUrl))]
        public virtual string ListImage
        {
            get; set;
        }
 
        [PageTypeProperty(EditCaption = "Featured image", Type = typeof(PropertyImageUrl))]
        public virtual string FeaturedNewsImage
        {
            get;
            set;
        }
    }
}

using EPiServer.Core;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] Search page ",
        Filename = "/Templates/Jungle/Pages/Search.aspx",
        SortOrder = 1030)]
    public class SearchPage : EditorialPage
    {
        [PageTypeProperty(
            EditCaption = "Search root page",
            Type = typeof(PropertyPageReference))]
        public virtual PageReference SearchRoot
        {
            get;
            set;
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Search.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.Search" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>

using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Pages
{
    public partial class Search : TemplatePage<SearchPage>
    {
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Search.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.Search" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>
<%@ Import Namespace="EPiServer.Core"%>
<asp:Content runat="server" ContentPlaceHolderID="MainContentRegion">
    <h2><%= CurrentPage.Heading() %></h2>
    <EPiServer:Property runat="server" PropertyName="MainBody" DisplayMissingMessage="false" EnableViewState="false" />
 
    <div id="SearchArea">
        <asp:Label runat="server" AssociatedControlID="txtSearch" CssClass="accessibility">Search:</asp:Label>
        <asp:TextBox ID="txtSearch" text="Search..." runat="server" />
        <asp:Button ID="btnSearch" CssClass="button" runat="server" OnClick="btnSearch_Click" Text="Search" /><br />
    </div>
 
        <div id="ResultArea">
 
            <asp:ListView ID="SearchResult" DataSourceID="SearchDataSource" runat="server" Visible="false" ItemPlaceholderID="itemPlaceHolder">
                <ItemTemplate>
                    <li>
                        <h3><EPiServer:Property runat="server" PropertyName="PageLink" /></h3>
                        <p>
                             <%# ((PageData)Container.DataItem).PreviewText(150)%>
                        </p>
                    </li>
                </ItemTemplate>
                <LayoutTemplate>
                    <h2>Search result</h2>
                    <ol>
                        <asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
                    </ol>
                </LayoutTemplate>
                <EmptyDataTemplate>
                    <p>No matching results were found</p>
                </EmptyDataTemplate>
            </asp:ListView>
        </div>
 
        <EPiServer:SearchDataSource ID="SearchDataSource" runat="server" EnableVisibleInMenu="false">
        <SelectParameters>
            <EPiServer:PropertyParameter Name="PageLink" PropertyName="SearchRoot" />
            <asp:controlparameter name="SearchQuery" controlid="txtSearch" propertyname="Text"/>
        </SelectParameters>
    </EPiServer:SearchDataSource>
</asp:Content>

using System;
using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Pages
{
    public partial class Search : TemplatePage<SearchPage>
    {
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);
            Form.DefaultButton = btnSearch.UniqueID;
 
            if (!IsPostBack)
            {
                string query = Request.QueryString["q"];
                if (!String.IsNullOrEmpty(query))
                {
                    txtSearch.Text = query;
                    SearchResult.Visible = true;
                }
            }
        }
 
        protected void btnSearch_Click(object sender, EventArgs e)
        {
            SearchResult.Visible = true;
            SearchResult.DataBind();
        }
    }
}

using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] Standard page ",
        Filename = "/Templates/Jungle/Pages/Page.aspx",
        SortOrder = 1010)]
    public class StandardPage : BasePageData
    {
    }
}

using EPiServer.Core;
using EPiServer.Editor;
using EPiServer.SpecializedProperties;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] Standard page ",
        Filename = "/Templates/Jungle/Pages/Page.aspx",
        SortOrder = 1010)]
    public class StandardPage : BasePageData
    {
        [PageTypeProperty(Searchable = true, Type = typeof(PropertyString))]
        public virtual string Heading
        {
            get;
            set;
        }
 
        [PageTypeProperty(
            EditCaption = "Main body",
            Searchable = true,
            Type = typeof(PropertyXhtmlString),
            LongStringSettings = (
                EditorToolOption.All ^
                EditorToolOption.Font))]
        public virtual string MainBody
        {
            get;
            set;
        }
 
        [PageTypeProperty(EditCaption = "List image", Type = typeof(PropertyImageUrl))]
        public virtual string ListImage
        {
            get; set;
        }
 
        [PageTypeProperty(EditCaption = "Featured image", Type = typeof(PropertyImageUrl))]
        public virtual string FeaturedNewsImage
        {
            get;
            set;
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Page.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.Page" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>

/* form elements */
/*form {
	margin: 10px 20px 10px 20px; 
	padding: 15px 25px 25px 25px; 
	border: 1px solid #251a14;
	background-color: #130d0a;	
}
form p {
	border-bottom: 1px solid #221813; 
	margin: 0;
	padding: 13px 5px 8px 5px;		
	color: #fff;
}*/

<Jungle:QuickSearch runat="server" Visible="false" />

public static string Heading(this PageData page)
{
    if (page.PageLink == null || page.PageLink.ID < 1)
    {
	return string.Empty;
    }
 
    if (page.IsValue("Heading"))
    {
	return page["Heading"].ToWebString();
    }
 
    return page.PageName.ToWebString();
}

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainBody.ascx.cs" Inherits="Jungle.Templates.Jungle.Units.MainBody" %>
<%@ Import Namespace="Jungle.Templates.Jungle.Util"%>
<div class="post">
    <h2><%= CurrentPage.Heading() %></h2>
    <p class="post-info">
        Posted by <a href="index.html"><%= CurrentPage.Author() %></a> | Filed under <a href="index.html">templates</a>,
        <a href="index.html">internet</a></p>
    <EPiServer:Property runat="server" PropertyName="MainBody" DisplayMissingMessage="false" EnableViewState="false" />
    <p class="postmeta">
        <a href="index.html" class="readmore">Read more</a> | <a href="index.html" class="comments">
            Comments (3)</a> | <span class="date">August 20, 2009</span>
    </p>
</div>

<pages validateRequest="false" enableEventValidation="false">
    <controls>
    ...
    </control>
    <namespaces>
	...
	<add namespace="Jungle.Templates.Jungle.Util"/>
	<add namespace="EPiCode.Extensions"/>
    </namespaces>
</pages>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Page.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.Page" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>
<%@ Register TagPrefix="Jungle" TagName="MainBody" Src="~/Templates/Jungle/Units/MainBody.ascx" %>
 
<asp:Content runat="server" ContentPlaceHolderID="MainContentRegion">
    <Jungle:MainBody runat="server" />
</asp:Content>
 
After testing and making sure we didn't break anything, we can continue implementing. I've added the date of the article and its categories.
<pre lang="csharp">
<div class="post">
    <h2><%= CurrentPage.Heading() %></h2>
    <p class="post-info">
        Posted by <%= CurrentPage.Author() %>| Filed under <%= CurrentPage.GetCategoryNamesSeparated(",") %></p>
    <EPiServer:Property runat="server" PropertyName="MainBody" DisplayMissingMessage="false" EnableViewState="false" />
    <p class="postmeta">
        <span class="date"><%= CurrentPage.StartPublish.ToString("dd MMMM yyyy")%></span>
    </p>
</div>

public static string GetCategoryNamesSeparated(this PageData page, string separator)
{
    if (page.PageLink == null || page.PageLink.ID < 1)
    {
	return string.Empty;
    }
 
    string result = string.Empty;
 
    int categoryCount = page.Category.Count;
    int categoryNumber = 1;
 
    CategoryList categories = page.Category;
    const string format = "{0}{1} ";
    foreach (var categoryId in categories)
    {
	var category = Category.Find(categoryId);
 
	if (category == null)
	{
	    break;
	}
 
	if (categoryNumber++ == categoryCount)
	{
	    result += string.Format(format, category.Name, string.Empty);
	    break;
	}
 
	result += string.Format(format, category.Name, separator);
    }
 
    return result;
}

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SubMenu.ascx.cs" Inherits="Jungle.Templates.Jungle.Units.SubMenu" %>
<EPiServer:PageTree ShowRootPage="false" runat="server" id="Menu">
    <HeaderTemplate>
        <div class="sidemenu">	
	        <h3>Sidebar Menu</h3>
    </HeaderTemplate>
	<IndentTemplate>
		<ul>
	</IndentTemplate>
 
	<ItemHeaderTemplate>
			<li>
	</ItemHeaderTemplate>
 
	<ItemTemplate>
				<EPiServer:Property PropertyName="PageLink" runat="server" />
	</ItemTemplate>
 
	<SelectedItemTemplate>
	            <EPiServer:Property CssClass="current" PropertyName="PageLink" runat="server" />
	</SelectedItemTemplate>
 
	<ItemFooterTemplate>
			</li>
	</ItemFooterTemplate>
 
	<UnindentTemplate>
		</ul>
	</UnindentTemplate>
	<FooterTemplate>
	    </div>
	</FooterTemplate>
</EPiServer:PageTree>

using System;
using EPiServer.Web.WebControls;
using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Units
{
    public partial class SubMenu : UserControlBase<BasePageData>
    {
        public MenuList MenuList
        {
            get;
            set;
        }
 
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);
 
            if (this.MenuList == null)
            {
                return;
            }
 
            this.Menu.PageLink = MenuList.OpenTopPage;
            this.Menu.DataBind();
        }
    }
}

public MainMenu MainMenu
{
    get
    {
	return Menu;
    }
}

protected override void OnLoad(EventArgs e)
{
    base.OnLoad(e);
 
    if (SubMenu != null && PageHeader.MainMenu != null)
    {
	SubMenu.MenuList = PageHeader.MainMenu.MenuList;
    }
 
    var page = (PageBase)Page;
    Page.Title = string.Format(_title, page.CurrentPage.Property["PageName"].ToWebString(), TitleSeparator, EPiServer.Configuration.Settings.Instance.SiteDisplayName);
 
    this.HtmlElement.Attributes["lang"] = page.CurrentPage.LanguageBranch;
}

using EPiServer.Security;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.Tabs
{
    public class SiteConfiguration : Tab
    {
        public override string Name
        {
            get { return "SiteConfiguration"; }
        }
 
        public override AccessLevel RequiredAccess
        {
            get { return AccessLevel.Edit; }
        }
 
        public override int SortIndex
        {
            get { return 30; }
        }
    }
}

[PageTypeProperty(
    Type = typeof(ShareIt),
    Tab = typeof(SiteConfiguration))]
public virtual string ShareIt
{
    get;
    set;
}

<div class="postmeta">
    <EPiServer:Property runat="server" ID="ShareIt" PropertyName="ShareIt" />
    <span class="date"><%= CurrentPage.StartPublish.ToString("dd MMMM yyyy")%></span>
</div>

protected override void OnLoad(EventArgs e)
{
    base.OnLoad(e);
 
    this.ShareIt.PageLink = PageReference.StartPage;
}

/* ShareIt */
.shareit {
    clear: both;
    float: right;
}
.shareit ul
{
    overflow: hidden;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 15px;
}
 
.shareit h4 {
    float: left;
    font-size: 12px;
    margin: 2px;
    margin-top: 3px;
    font-weight: normal;
    color: #91807F;
}
 
.shareit .showmore {
    font-size: 12px;
    color: #000;
    line-height: 20px;
}
 
.shareit li
{
    float: left;
    margin-left: 2px;
    margin-top: 2px;
    list-style: none;
}
 
.shareit li a
{
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(/FV.ShareIt/Images/all-16x16.png) no-repeat top left;
}
 
.shareit .facebook
{
    background-position: 0 -85px;
}
 
.shareit .feed 
{
    background-position: 0 -102px;
}
 
.shareit .twitter
{
    background-position: 0 -357px;
}
 
.shareit .bebo
{
    background-position: 0 0;
}
 
.shareit .delicious
{
    background-position: 0 -17px;
}
 
.shareit .digg
{
    background-position: 0 -34px;
}
 
.shareit .email
{
    background-position: 0 -68px;
}
 
.shareit .google
{
    background-position: 0 -119px;
}
 
.shareit .linkedin
{
    background-position: 0 -136px;
}
 
.shareit .messenger
{
    background-position: 0 -153px;
}
 
.shareit .mixx
{
    background-position: 0 -170px;
}
 
.shareit .myspace
{
    background-position: 0 -187px;
}
 
.shareit .nettby {
    background-position: 0 -204px;
}
 
.shareit .netvibes
{
    background-position: 0 -221px;
}
 
.shareit .newsvine
{
    background-position: 0 -238px;
}
 
.shareit .pdf {
	background-position: 0 -255px;
}
 
.shareit .print {
	background-position: 0 -272px;
}
 
.shareit .reddit
{
    background-position: 0 -289px;
}
 
.shareit .share
{
    background-position: 0 -306px;
}
 
.shareit .stumbleupon
{
    background-position: 0 -323px;
}
 
.shareit .technorati
{
    background-position: 0 -340px;
}
 
 
.shareit .yahoo
{
    background-position: 0 -374px;
}
 
.shareit .yahoobuzz
{
    background-position: 0 -391px;
}

using EPiServer.Core;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(Name = "[Jungle] RSS feed", Description = "Source of a rss feed", Filename = "/Templates/Jungle/Pages/RssFeed.aspx", SortOrder = 1080)]
    public class RssFeedPage : BasePageData
    {
        [PageTypeProperty(UniqueValuePerLanguage = true, Searchable = true, Type = typeof(PropertyString), EditCaption = "Main heading", HelpText = "This heading will present the main title of this page, if this property is not set the page name will be used as a heading instead.")]
        public virtual string Heading
        {
            get;
            set;
        }
 
        [PageTypeProperty(UniqueValuePerLanguage = true, Searchable = true, Type = typeof(PropertyString), HelpText = "The description of the rss feed")]
        public virtual string Description
        {
            get;
            set;
        }
 
        [PageTypeProperty(UniqueValuePerLanguage = true, Searchable = false, Type = typeof(PropertyPageReference), EditCaption = "Rss source", HelpText = "RSS-source page")]
        public virtual PageReference RssSource
        {
            get;
            set;
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RssFeed.aspx.cs" Inherits="Jungle.Templates.Jungle.Pages.RssFeed" %>

using System;
using System.Xml;
using EPiCode.Extensions;
using EPiServer.Core;
using EPiServer.Filters;
using Jungle.Templates.Jungle.PageTypes;
using Jungle.Templates.Jungle.Util;
using PageTypeBuilder.UI;
 
namespace Jungle.Templates.Jungle.Pages
{
    public partial class RssFeed : TemplatePage<RssFeedPage>
    {
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);
 
            Response.ContentType = "text/xml";
            Response.Clear();
            if (!PageReference.IsNullOrEmpty(CurrentPage.RssSource))
            {
                this.WriteRssDocument();
            }
 
            Response.End();
        }
 
        private void WriteRssDocument()
        {
            var doc = new XmlDocument();
            XmlNode outerNode = doc.CreateElement("rss");
            XmlAttribute uriInfo = doc.CreateAttribute("xmlns:dc");
            uriInfo.Value = "http://purl.org/dc/elements/1.1/";
            outerNode.Attributes.Append(uriInfo);
            doc.AppendChild(outerNode);
 
            XmlAttribute versionInfo = doc.CreateAttribute("version");
            versionInfo.Value = "2.0";
            outerNode.Attributes.Append(versionInfo);
 
            XmlNode channel = doc.CreateElement("channel");
            outerNode.AppendChild(channel);
 
            XmlNode title = doc.CreateElement("title");
            title.InnerText = CurrentPage.PageName;
            channel.AppendChild(title);
 
            XmlNode link = doc.CreateElement("link");
            link.InnerText = EPiServer.Configuration.Settings.Instance.SiteUrl.ToString();
 
            channel.AppendChild(link);
 
            XmlNode description = doc.CreateElement("description");
            description.InnerText = CurrentPage["Description"] as string;
            channel.AppendChild(description);
 
            var children = GetChildren(CurrentPage.RssSource);
            FilterForVisitor.Filter(children);
            foreach (var page in children)
            {
                var item = doc.CreateNode(XmlNodeType.Element, "item", null);
 
                XmlNode itemTitle = doc.CreateElement("title");
                itemTitle.InnerText = page.PageName;
                item.AppendChild(itemTitle);
 
                XmlNode itemLink = doc.CreateElement("link");
 
                itemLink.InnerText = page.GetExternalUrl();
                item.AppendChild(itemLink);
 
                XmlNode itemDescription = doc.CreateElement("description");
                itemDescription.InnerText = page.PreviewText(400);
                item.AppendChild(itemDescription);
 
                XmlNode itemGuid = doc.CreateElement("guid");
                itemGuid.InnerText = page.GetExternalUrl();
                item.AppendChild(itemGuid);
 
                XmlNode itemPubDate = doc.CreateElement("pubDate");
                itemPubDate.InnerText = page.Changed.ToString("r");
                item.AppendChild(itemPubDate);
 
                foreach (var category in page.Category)
                {
                    XmlNode itemCategory = doc.CreateElement("category");
                    itemCategory.InnerText = page.Category.GetCategoryName(category);
                    item.AppendChild(itemCategory);
                }
 
                channel.AppendChild(item);
            }
 
            doc.Save(Response.OutputStream);
        }
    }
}

[PageTypeProperty(
    EditCaption = "Rss container page",
    Type = typeof(PropertyPageReference),
    Tab = typeof(SiteConfiguration))]
public virtual PageReference RssContainer
{
    get; set;
}

<head>
    ...
    <link rel="alternate" type="application/rss+xml" href="/en/RSS/News-RSS/" title="News RSS" />
</head>

namespace Jungle.Templates.Jungle.PageTypes
{
    public class StartPage : BasePageData
    {
    }
}

[PageType(
    Name = "[Jungle] Start page",
    Filename = "/default.aspx",
    SortOrder = 1200)]
public class StartPage : BasePageData
{
}

using EPiServer.Core;
using EPiServer.DataAbstraction;
using PageTypeBuilder;
 
namespace Jungle.Templates.Jungle.PageTypes
{
    [PageType(
        Name = "[Jungle] Start page",
        Filename = "/default.aspx",
        SortOrder = 1200)]
    public class StartPage : BasePageData
    {
        [PageTypeProperty(
            EditCaption = "Featured news story",
            Type = typeof(PropertyPageReference))]
        public virtual PageReference FeaturedNews
        {
            get;
            set;
        }
 
        [PageTypeProperty(
            EditCaption = "Page to get news from",
            Type = typeof(PropertyPageReference))]
        public virtual PageReference NewsContainerPage
        {
            get;
            set;
        }
 
        [PageTypeProperty(
            EditCaption = "Number of news stories to display",
            DefaultValueType = DefaultValueType.Value,
            DefaultValue = "4",
            Type = typeof(PropertyNumber))]
        public virtual int NewsCount
        {
            get;
            set;
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Jungle._default" MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Jungle.Templates.Jungle.MasterPages.Site" %>
<%@ Register TagPrefix="Jungle" TagName="Header" Src="~/Templates/Jungle/Units/Header.ascx" %>
<%@ Register TagPrefix="Jungle" TagName="PageHeader" Src="~/Templates/Jungle/Units/PageHeader.ascx" %>
<%@ Register TagPrefix="Jungle" TagName="PageFooter" Src="~/Templates/Jungle/Units/PageFooter.ascx" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" runat="server" id="HtmlElement">
 
<head runat="server">
    <title runat="server"></title>
 
    <Jungle:Header runat="server" />
</head>
 
<body>
<form runat="server">
<!-- wrap -->
<div id="wrap">
 
	<!-- header -->
	<Jungle:PageHeader runat="server" />
	<asp:ContentPlaceHolder runat="server" ID="FeaturedContentRegion" />
	<!-- content -->
	<div id="content-wrap" class="clear">
 
		<div id="content">		
 
			<!-- main -->
			<div id="main">	
			    <asp:ContentPlaceHolder runat="server" ID="MainContentRegion" />
			<!-- /main -->	
			</div>
 
			<!-- sidebar -->
			<div id="sidebar">
 
				<div class="sidemenu">	
					<h3>Sidebar Menu</h3>
					<ul>				
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
						<li><a href="style.html">Style Demo</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="archives.html">Archives</a></li>
						<li><a href="http://www.styleshout.com/">More Free Templates</a></li>	
						<li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>	
					</ul>	
				</div>
 
				<div class="sidemenu">
					<h3>Sponsors</h3>
					<ul>
						<li><a href="http://themeforest.net?ref=ealigam">ThemeForest</a><span>Your Choice for Site Templates, Wordpress, Joomla and CMS Themes</span></li>
						<li><a href="http://www.4templates.com/?aff=ealigam">4templates</a><span>Low Cost Hi-Quality Templates</span></li>
						<li><a href="http://store.templatemonster.com?aff=ealigam">TemplateMonster</a><span>Delivering the Best Templates on the Net!</span></li>
						<li><a href="http://tinyurl.com/3cgv2m">Text Link Ads</a><span>Monetized your website</span></li>
						<li><a href="http://www.fotolia.com/partner/114283">Fotolia</a><span>Free stock images or from $1</span></li>
						<li><a href="http://www.dreamhost.com/r.cgi?287326">Dreamhost</a><span>Premium webhosting</span></li>
					</ul>
				</div>		
 
				<h3>Image Gallery </h3>					
 
				<p class="thumbs">
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>	
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>				
				</p>					
 
			<!-- /sidebar -->				
			</div>		
 
		<!-- /content -->	
		</div>				
	<!-- /content-wrap -->	
	</div>	
<!-- /wrap -->
</div>
 
<!-- footer -->	
<Jungle:PageFooter runat="server" />
</form>
</body>
</html>

<asp:Content runat="server" ContentPlaceHolderID="FeaturedContentRegion">   
</asp:Content>
 
<asp:Content runat="server" ContentPlaceHolderID="MainContentRegion">
</asp:Content>

<a href="index.html" class="comment">2 Comments</a>

<asp:Repeater runat="server">
        <ItemTemplate>
 
        </ItemTemplate>
        <AlternatingItemTemplate>
 
        </AlternatingItemTemplate>
    </asp:Repeater>

<asp:Repeater runat="server">
        <ItemTemplate>
            <div class="block odd">
                <a title="" href="index.html">
                    <img src="images/thumb-1.jpg" class="thumbnail" alt="img" width="240px" height="100px" /></a>
                <div class="blk-top">
                    <h4>
                        <a href="index.html">Aliquam Risus Justo Lorem Ipsum Dolor Sit Amet</a></h4>
                    <p>
                        <span class="datetime">August 27, 2009</span></p>
                </div>
                <div class="blk-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
                        bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
                        varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat
                        bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla
                        magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna,
                        eget fringilla velit magna id neque.
                    </p>
                    <p>
                        <a class="more" href="index.html">continue reading &raquo;</a></p>
                </div>
            </div>
        </ItemTemplate>
        <AlternatingItemTemplate>
            <div class="block even">
                <a title="" href="index.html">
                    <img src="images/thumb-2.jpg" class="thumbnail" alt="img" width="240px" height="100px" /></a>
                <div class="blk-top">
                    <h4>
                        <a href="index.html">Aliquam Risus Justo</a></h4>
                    <p>
                        <span class="datetime">August 26, 2009</span></p>
                </div>
                <div class="blk-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
                        bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
                        varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat
                        bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla
                        magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna,
                        eget fringilla velit magna id neque. <a class="more" href="index.html">continue reading
                            &raquo;</a>
                    </p>
                    <p>
                    </p>
                </div>
            </div>
            <div class="fix">
            </div>
        </AlternatingItemTemplate>
    </asp:Repeater>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Jungle._default"
    MasterPageFile="~/Templates/Jungle/MasterPages/Site.Master" %>
<%@ Register TagPrefix="Jungle" TagName="NewsStory" Src="~/Templates/Jungle/Units/NewsStory.ascx" %>
<asp:Content runat="server" ContentPlaceHolderID="FeaturedContentRegion">
</asp:Content>
<asp:Content runat="server" ContentPlaceHolderID="MainContentRegion">
    <h3>
        Recent Articles</h3>
    <asp:Repeater runat="server">
        <ItemTemplate>
            <div class="block odd">
                <Jungle:NewsStory runat="server" />
            </div>
        </ItemTemplate>
        <AlternatingItemTemplate>
            <div class="block even">
                <Jungle:NewsStory runat="server" />
            </div>
            <div class="fix"></div>
        </AlternatingItemTemplate>
    </asp:Repeater>
</asp:Content>

// using EPiServer.Core;
public PageData NewsPage
{
	get; set;
}

href="<%= NewsPage.LinkURL %>"

<a href="<%= NewsPage.LinkURL %>">
    <img src="images/thumb-2.jpg" class="thumbnail" alt="img" width="240px" height="100px" />
</a>
<div class="blk-top">
    <h4><a href="<%= NewsPage.LinkURL %>"><%= NewsPage.PageName %></a></h4>
    <p><span class="datetime"><%= NewsPage.StartPublish.ToString("dd MMMM yyyy")%></span></p>
</div>
<div class="blk-content">
    <p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
        bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
        varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat
        bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla
        magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna,
        eget fringilla velit magna id neque. 
 
        <a class="more" href="<%= NewsPage.LinkURL %>">continue reading &raquo;</a>
    </p>
</div>

public static string HtmlImage(this PageData page, string imagePropertyName, string imageAltTextPropertyName)
{
}

public static string HtmlImage(this PageData page, string imagePropertyName, string imageAltTextPropertyName)
{
    if (page.PageLink == null || page.PageLink.ID < 1)
    {
	return string.Empty;
    }
 
    if (page.IsValue(imagePropertyName))
    {
	string imageAlternativeText = page.PageName.ToWebString();
 
	if (page.IsValue(imageAltTextPropertyName))
	{
	    imageAlternativeText = page[imageAltTextPropertyName].ToWebString();
	}
 
	return string.Format("<img src=\"{0}\" alt=\"{1}\"", page[imagePropertyName], imageAlternativeText);
    }
 
    return string.Empty;
}

public static string PreviewText(this PageData page, int length)
{
]

public static string PreviewText(this PageData page, int length)
{
    string previewText = string.Empty;
 
    if (page.PageLink == null || page.PageLink.ID < 1)
    {
	return previewText;
    }
 
    if (page.IsValue("MainIntro"))
    {
	return StripPreviewText(page["MainIntro"].ToWebString(), length);
    }
 
    if (page.IsValue("MainBody"))
    {
	previewText = page["MainBody"].ToWebString();
    }
 
    if (string.IsNullOrEmpty(previewText))
    {
	return previewText;
    }
 
    //If the MainBody contains DynamicContents, replace those with an empty string
    var regexPattern = new StringBuilder(@"<span[\s\W\w]*?classid=""");
    regexPattern.Append(DynamicContentFactory.Instance.DynamicContentId.ToString());
    regexPattern.Append(@"""[\s\W\w]*?</span>");
    previewText = Regex.Replace(previewText, regexPattern.ToString(), string.Empty, RegexOptions.IgnoreCase | RegexOptions.Multiline);
 
    return TextIndexer.StripHtml(previewText, length);
}
 
/// <summary>
/// Strips a text to a given length without splitting the last word.
/// </summary>
/// <param name="previewText">The string to shorten</param>
/// <returns>A shortened version of the given string</returns>
private static string StripPreviewText(string previewText, int maxLength)
{
    if (previewText.Length <= maxLength)
    {
	return previewText;
    }
    previewText = previewText.Substring(0, maxLength);
    // The maximum number of characters to cut from the end of the string.
    int maxCharCut = (previewText.Length > 15 ? 15 : previewText.Length - 1);
    int previousWord = previewText.LastIndexOfAny(new char[] { ' ', '.', ',', '!', '?' }, previewText.Length - 1, maxCharCut);
    if (previousWord <= 0)
    {
	previewText = previewText.Substring(0, previousWord);
    }
    return previewText + " ...";
}

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="NewsStory.ascx.cs" Inherits="Jungle.Templates.Jungle.Units.NewsStory" %>
<%@ Import Namespace="Jungle.Templates.Jungle.Util"%>
<a href="<%= NewsPage.LinkURL %>">
    <%= NewsPage.HtmlImage("ListImage", "PageName") %>
</a>
<div class="blk-top">
    <h4><a href="<%= NewsPage.LinkURL %>"><%= NewsPage.PageName %></a></h4>
    <p><span class="datetime"><%= NewsPage.StartPublish.ToString("dd MMMM yyyy")%></span></p>
</div>
<div class="blk-content">
    <p>
        <%= NewsPage.PreviewText(200) %>
 
        <a class="more" href="<%= NewsPage.LinkURL %>">continue reading &raquo;</a>
    </p>
</div>

<h4><a href="<%= NewsPage.LinkURL %>"><%= NewsPage.PageName %></a></h4>

h4><a href="<%= NewsPage.LinkURL %>"><%= NewsPage.PageName.ToWebString() %></a></h4>

<h4><%= NewsPage.HtmlLink() %></h4>

<asp:Content runat="server" ContentPlaceHolderID="MainContentRegion">
    <h3>Recent Articles</h3>
    <asp:Repeater runat="server">
        <ItemTemplate>
            <div class="block odd">
                <Jungle:NewsStory runat="server" NewsPage="<%# Container.DataItem %>" />
            </div>
        </ItemTemplate>
        <AlternatingItemTemplate>
            <div class="block even">
                <Jungle:NewsStory runat="server" NewsPage="<%# Container.DataItem %>" />
            </div>
            <div class="fix">
            </div>
        </AlternatingItemTemplate>
    </asp:Repeater>
</asp:Content>

using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle
{
    public partial class _default : TemplatePage<StartPage>
    {
    }
}

protected override void OnLoad(System.EventArgs e)
{
    base.OnLoad(e);
 
    if (!PageReference.IsNullOrEmpty(CurrentPage.NewsContainerPage))
    {
	var news = CurrentPage.NewsContainerPage.GetChildren();
 
	if (news == null)
	{
	    return;
	}
 
	FilterForVisitor.Filter(news);
 
	new FilterPropertySort("PageStartPublished", FilterSortDirection.Descending).Filter(news);
 
	if (CurrentPage.NewsCount != 0)
	{
	    new FilterCount(CurrentPage.NewsCount);
	}
 
	this.rptNewsList.DataSource = news;
	this.rptNewsList.DataBind();
    }
}

<asp:Content runat="server" ContentPlaceHolderID="FeaturedContentRegion">
    <div id="featured">
        <div id="featured-block" class="clear">
            <div id="featured-ribbon">
            </div>
            <a name="TemplateInfo"></a>
            <div class="image-block">
                <a href="index.html" title="">
                    <img src="images/img-featured.jpg" alt="featured" width="350px" height="250px" /></a>
            </div>
            <div class="text-block">
                <h2>
                    <a href="index.html">Read me first</a></h2>
                <p class="post-info">
                    Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>,
                    <a href="index.html">internet</a></p>
                <p>
                    <strong>JungleLand 1.0</strong> is a free, W3C-compliant, CSS-based website template
                    by <a href="http://www.styleshout.com/">styleshout.com</a>. This work is distributed
                    under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">Creative
                        Commons Attribution 2.5 License</a>, which means that you are free to use and
                    modify it for any purpose. All I ask is that you include a link back to <a href="http://www.styleshout.com/">
                        my website</a> in your credits. For more free designs, you can visit <a href="http://www.styleshout.com/">
                            my website</a> to see my other works.
                </p>
                <p>
                    Good luck and I hope you find my free templates useful!</p>
                <p>
                    <a href="index.html" class="more-link">Read More</a></p>
            </div>
        </div>
    </div>
</asp:Content>

using EPiCode.Extensions;
using EPiServer.Core;
using EPiServer.Filters;
using Jungle.Templates.Jungle.PageTypes;
using PageTypeBuilder.UI;
 
namespace Jungle
{
    public partial class _default : TemplatePage<StartPage>
    {
        private PageData _featuredNewsPage;
        protected PageData FeaturedNewsPage
        {
            get
            {
                if (_featuredNewsPage == null)
                {
                    if (!PageReference.IsNullOrEmpty(CurrentPage.FeaturedNews))
                    {
                        _featuredNewsPage = CurrentPage.FeaturedNews.GetPage();
                    }
                }
 
                return _featuredNewsPage;
            }
        }
 
        protected override void OnLoad(System.EventArgs e)
        {
            base.OnLoad(e);
 
            this.NewsStories();
        }
 
        private void NewsStories()
        {
            if (!PageReference.IsNullOrEmpty(CurrentPage.NewsContainerPage))
            {
                var news = CurrentPage.NewsContainerPage.GetChildren();
 
                if (news == null)
                {
                    return;
                }
 
                FilterForVisitor.Filter(news);
 
                new FilterPropertySort("PageStartPublished", FilterSortDirection.Descending).Filter(news);
 
                if (CurrentPage.NewsCount != 0)
                {
                    new FilterCount(CurrentPage.NewsCount);
                }
 
                this.rptNewsList.DataSource = news;
                this.rptNewsList.DataBind();
            }
        }
    }
}

<asp:Content runat="server" ContentPlaceHolderID="FeaturedContentRegion">
    <div id="featured">
        <div id="featured-block" class="clear">
            <div id="featured-ribbon">
            </div>
            <a name="TemplateInfo"></a>
            <div class="image-block">
                <a href="<%= FeaturedNewsPage.LinkURL %>">
                    <%= FeaturedNewsPage.HtmlImage("FeaturedNewsImage", "PageName")%>
                </a>
            </div>
            <div class="text-block">
                <h2><%= FeaturedNewsPage.HtmlLink() %></h2>
                <p class="post-info">
                    Posted by <a href="<%= FeaturedNewsPage.LinkURL %>"><%= FeaturedNewsPage.Author() %></a></p>
                <p><%= FeaturedNewsPage.PreviewText(300) %></p>
                <p>
                    <a href="<%= FeaturedNewsPage.LinkURL %>" class="more-link">Read More</a></p>
            </div>
        </div>
    </div>
</asp:Content>

public static string Author(this PageData page)
{
	if (page.PageLink == null || page.PageLink.ID < 1)
	{
		return string.Empty;
	}
 
	return page.IsValue("MetaAuthor") ? page["MetaAuthor"].ToWebString() : string.Empty;
}

<a href="<%= FeaturedNewsPage.LinkURL %>"><%= FeaturedNewsPage.Author() %></a>

<%= FeaturedNewsPage.HtmlLink(p => p.Author()) %>

using System;
using System.Collections.Generic;
using System.Web.Routing;
using EPiCode.Extensions.Helper;
using EPiServer.Core;
 
namespace EPiCode.Extensions
{
    public static partial class PageDataExtensions
    {
        public static string HtmlLink(this PageData page)
        {
            return HtmlLink(page, page.PageName, null);
        }
 
        public static string HtmlLink(this PageData page, string linkText)
        {
            return HtmlLink(page, linkText, null);
        }
 
        public static string HtmlLink(this PageData page, Func<PageData, string> linkText)
        {
            return HtmlLink(page, linkText(page), null);
        }
 
        public static string HtmlLink(this PageData page, object attributes)
        {
            return HtmlLink(page, page.PageName, new RouteValueDictionary(attributes));
        }
 
        public static string HtmlLink(this PageData page, string linkText, object attributes)
        {
            return HtmlLink(page, linkText, new RouteValueDictionary(attributes));
        }
 
        public static string HtmlLink(this PageData page, Func<PageData, string> linkText, object attributes)
        {
            return HtmlLink(page, linkText(page), new RouteValueDictionary(attributes));
        }
 
        private static string HtmlLink(PageData page, string linkText, IDictionary<string, object> attributes)
        {
            if (page.PageLink == null || page.PageLink.ID < 1)
            {
                return string.Empty;
            }
 
            return HtmlHelper.GenerateLink(page.LinkURL, linkText, attributes);
        }
    }
}

    // Method signatur
    public static string HtmlLink(this PageData page)
 
    // Usage
    CurrentPage.HtmlLink();
 
    // Renders
    <a href="/en/mypage/">My PageName</a>

    // Method signatur
    public static string HtmlLink(this PageData page, string linkText)
 
    // Usage
    CurrentPage.HtmlLink("Some text");
 
    // Renders
    <a href="/en/mypage/">Some text</a>

    // Method signatur
    public static string HtmlLink(this PageData page, Func<PageData, string> linkText)
 
    // Usage    
    CurrentPage.HtmlLink(p => p.GetProperty("Heading|PageName").Value.ToString());
 
    // Renders
    <a href="/en/mypage/">My Heading</a>

    // Method signatur
    public static string HtmlLink(this PageData page, object attributes)
 
    // Usage
    CurrentPage.HtmlLink(new { style = "color:red;" });
 
    // Renders
    <a href="/en/mypage/" style="color:red;">My PageName</a>

    // Method signatur
    public static string HtmlLink(this PageData page, string linkText, object attributes)
 
    // Usage
    CurrentPage.HtmlLink("Some text", new { target = "_blank", title = "A very cool link"});
 
    // Renders
    <a href="/en/mypage/" target="_blank" title="A very cool link">Some text</a>

    // Method signatur
    public static string HtmlLink(this PageData page, Func<PageData, string> linkText, object attributes)
 
    // Usage
    CurrentPage.HtmlLink(p => p.StartPublish.ToShortDateString(), new { style = "text-decoration: none;", @class = "myclass" });
 
    // Renders
    <a class="myclass" href="/en/mypage/" style="text-decoration: none;">11/3/2009</a>

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Jungle.Templates.Jungle.MasterPages.Site" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
 
<title>Jungleland</title>
 
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
 
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
 
</head>
 
<body>
 
<!-- wrap -->
<div id="wrap">
 
	<!-- header -->
	<div id="header">			
 
		<a name="top"></a>
 
		<h1 id="logo-text"><a href="index.html" title="">jungleland</a></h1>		
		<p id="slogan">Just Another Styleshout CSS Template... </p>					
 
		<div  id="nav">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li id="current"><a href="style.html">Style Demo</a></li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="archives.html">Archives</a></li>
				<li><a href="index.html">Support</a></li>
				<li><a href="index.html">About</a></li>		
			</ul>		
		</div>		
 
		<p id="rss-feed"><a href="index.html" class="feed">Grab the RSS FEEd</a></p>	
 
		<form id="quick-search" action="index.html" method="get" >
			<p>
			<label for="qsearch">Search:</label>
			<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
			<input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="images/search.png" />
			</p>
		</form>	
 
	<!-- /header -->					
	</div>
 
	<!-- content -->
	<div id="content-wrap" class="clear">
 
		<div id="content">		
 
			<!-- main -->
			<div id="main">	
 
			<!-- /main -->	
			</div>
 
			<!-- sidebar -->
			<div id="sidebar">
 
				<div class="sidemenu">	
					<h3>Sidebar Menu</h3>
					<ul>				
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
						<li><a href="style.html">Style Demo</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="archives.html">Archives</a></li>
						<li><a href="http://www.styleshout.com/">More Free Templates</a></li>	
						<li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>	
					</ul>	
				</div>
 
				<div class="sidemenu">
					<h3>Sponsors</h3>
					<ul>
						<li><a href="http://themeforest.net?ref=ealigam">ThemeForest</a><span>Your Choice for Site Templates, Wordpress, Joomla and CMS Themes</span></li>
						<li><a href="http://www.4templates.com/?aff=ealigam">4templates</a><span>Low Cost Hi-Quality Templates</span></li>
						<li><a href="http://store.templatemonster.com?aff=ealigam">TemplateMonster</a><span>Delivering the Best Templates on the Net!</span></li>
						<li><a href="http://tinyurl.com/3cgv2m">Text Link Ads</a><span>Monetized your website</span></li>
						<li><a href="http://www.fotolia.com/partner/114283">Fotolia</a><span>Free stock images or from $1</span></li>
						<li><a href="http://www.dreamhost.com/r.cgi?287326">Dreamhost</a><span>Premium webhosting</span></li>
					</ul>
				</div>		
 
				<h3>Image Gallery </h3>					
 
				<p class="thumbs">
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>	
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>				
				</p>					
 
			<!-- /sidebar -->				
			</div>		
 
		<!-- /content -->	
		</div>				
	<!-- /content-wrap -->	
	</div>	
<!-- /wrap -->
</div>
 
<!-- footer -->	
<div id="footer">	
 
	<!-- footer-outer -->	
	<div id="footer-outer" class="clear"><div id="footer-wrap">
 
		<div class="col-a">
 
			<h3>Contact Info</h3>
 
			<p>
			<strong>Phone: </strong>+1234567<br/>
			<strong>Fax: </strong>+123456789
			</p>
 
			<p><strong>Address: </strong>123 Put Your Address Here</p>
 
			<p><strong>E-mail: </strong>me@jungleland.com</p>
			<p>Want more info - go to our <a href="#">contact page</a></p>			
 
			<h3>Follow Us</h3>
 
			<div class="footer-list">
				<ul>				
					<li><a href="index.html" class="rssfeed">RSS Feed</a></li>
					<li><a href="index.html" class="email">Email</a></li>
					<li><a href="index.html" class="twitter">Twitter</a></li>									
				</ul>
			</div>					
 
		</div>
 
		<div class="col-a">			
 
			<h3>Site Links</h3>
 
			<div class="footer-list">
				<ul>				
					<li><a href="index.html">Home</a></li>
					<li><a href="index.html">Style Demo</a></li>
					<li><a href="index.html">Blog</a></li>
					<li><a href="index.html">Archive</a></li>
					<li><a href="index.html">About</a></li>		
					<li><a href="index.html">Template Info</a></li>		
					<li><a href="index.html">Site Map</a></li>					
				</ul>
			</div>					
 
		</div>
 
		<div class="col-a">
 
			<h3>Web Resource</h3>
 
			<p>Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. </p>
 
			<div class="footer-list">
				<ul>				
					<li><a href="http://net.tutsplus.com/">NetTuts</a></li>
					<li><a href="http://www.smashingmagazine.com/">Smashing Magazine</a></li>
					<li><a href="http://psd.tutsplus.com/">PSDTuts</a></li>
					<li><a href="http://www.tutorial9.net/">Tutorial9</a></li>
					<li><a href="http://www.webdesignerwall.com/">Web Designer Wall</a></li>		
					<li><a href="http://bestwebgallery.com/">Best Web Gallery</a></li>		
					<li><a href="http://webcreme.com/">Web Creme</a></li>	
					<li><a href="http://cssmania.com/">CSS Mania</a></li>	
				</ul>
			</div>			
 
		</div>		
 
		<div class="col-b">
 
			<h3>About</h3>			
 
			<p>
			<a href="index.html"><img src="images/gravatar.jpg" width="40" height="40" alt="firefox" class="float-left" /></a>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. <a href="index.html">Learn more...</a></p>			
 
		</div>		
 
		<div class="fix"></div>
 
		<!-- footer-bottom -->		
		<div id="footer-bottom">
 
			<div class="bottom-left">
				<p>
				&copy; 2009 <strong>Copyright Info Here</strong>&nbsp; &nbsp; &nbsp;
				Design by: <a href="http://www.styleshout.com/">styleshout</a> 			
				</p>
			</div>		
 
			<div class="bottom-right">
				<p>		
					<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
		   		<a href="http://validator.w3.org/check/referer">XHTML</a>	|			
					<a href="index.html">Home</a> |
					<strong><a href="#top" class="back-to-top">Back to Top</a></strong>								
				</p>
			</div>
 
		<!-- /footer-bottom -->		
		</div>
 
	<!-- /footer-outer -->		
	</div></div>		
 
<!-- /footer -->
</div>
 
</body>
</html>

<system.web>
      <xhtmlConformance mode="Strict" />
      <browserCaps>
          <case match="W3C_Validator*">
            TagWriter = System.Web.UI.HtmlTextWriter
            W3CDomVersion = 1.0
          </case>
      </browserCaps>
...

...
<body>
<form runat="server">
...
</form>
</body>
</html>

...
<%@ Register TagPrefix="Jungle" TagName="Header" Src="~/Templates/Jungle/Units/Header.ascx" %>
...
<head>
    <title>Jungleland</title>
 
    <Jungle:Header runat="server" />
</head>
...

...
<html xmlns="http://www.w3.org/1999/xhtml" runat="server" id="HtmlElement">
 
<head runat="server">
    <title runat="server"></title>
 
    <Jungle:Header runat="server" />
</head>
...

using System;
using System.Web.UI;
using EPiServer;
 
namespace Jungle.Templates.Jungle.MasterPages
{
    public partial class Site : MasterPage
    {
        private const string _title = "{0}{1}{2}";
        private string _titleSeparator = " - ";
 
        /// <summary>
        /// Gets or sets the title separator.
        /// </summary>
        public string TitleSeparator
        {
            get { return _titleSeparator; }
            set { _titleSeparator = value; }
        }
 
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);
 
            var page = (PageBase)Page;
            Page.Title = string.Format(_title, page.CurrentPage.Property["PageName"].ToWebString(), TitleSeparator, EPiServer.Configuration.Settings.Instance.SiteDisplayName);
 
            this.HtmlElement.Attributes["lang"] = page.CurrentPage.LanguageBranch;
        }
    }
}

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Jungle.Templates.Jungle.MasterPages.Site" %>
<%@ Register TagPrefix="Jungle" TagName="Header" Src="~/Templates/Jungle/Units/Header.ascx" %>
<%@ Register TagPrefix="Jungle" TagName="PageHeader" Src="~/Templates/Jungle/Units/PageHeader.ascx" %>
<%@ Register TagPrefix="Jungle" TagName="PageFooter" Src="~/Templates/Jungle/Units/PageFooter.ascx" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" runat="server" id="HtmlElement">
 
<head runat="server">
    <title runat="server"></title>
 
    <Jungle:Header runat="server" />
</head>
 
<body>
<form runat="server">
<!-- wrap -->
<div id="wrap">
 
	<!-- header -->
	<Jungle:PageHeader runat="server" />
 
	<!-- content -->
	<div id="content-wrap" class="clear">
 
		<div id="content">		
 
			<!-- main -->
			<div id="main">	
 
			<!-- /main -->	
			</div>
 
			<!-- sidebar -->
			<div id="sidebar">
 
				<div class="sidemenu">	
					<h3>Sidebar Menu</h3>
					<ul>				
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
						<li><a href="style.html">Style Demo</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="archives.html">Archives</a></li>
						<li><a href="http://www.styleshout.com/">More Free Templates</a></li>	
						<li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>	
					</ul>	
				</div>
 
				<div class="sidemenu">
					<h3>Sponsors</h3>
					<ul>
						<li><a href="http://themeforest.net?ref=ealigam">ThemeForest</a><span>Your Choice for Site Templates, Wordpress, Joomla and CMS Themes</span></li>
						<li><a href="http://www.4templates.com/?aff=ealigam">4templates</a><span>Low Cost Hi-Quality Templates</span></li>
						<li><a href="http://store.templatemonster.com?aff=ealigam">TemplateMonster</a><span>Delivering the Best Templates on the Net!</span></li>
						<li><a href="http://tinyurl.com/3cgv2m">Text Link Ads</a><span>Monetized your website</span></li>
						<li><a href="http://www.fotolia.com/partner/114283">Fotolia</a><span>Free stock images or from $1</span></li>
						<li><a href="http://www.dreamhost.com/r.cgi?287326">Dreamhost</a><span>Premium webhosting</span></li>
					</ul>
				</div>		
 
				<h3>Image Gallery </h3>					
 
				<p class="thumbs">
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>	
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>				
				</p>					
 
			<!-- /sidebar -->				
			</div>		
 
		<!-- /content -->	
		</div>				
	<!-- /content-wrap -->	
	</div>	
<!-- /wrap -->
</div>
 
<!-- footer -->	
<Jungle:PageFooter runat="server" />
</form>
</body>
</html>