remcorakers

#!/bin/bash 
set -e

# Script to setup a Next.js application with Typescript, Storybook, SCSS and Jest
# Inspired by https://medium.com/swlh/2020-complete-setup-for-storybook-nextjs-typescript-scss-and-jest-1c9ce41e6481

# After this script is executed, manually add the following lines to package.json scripts section:
# "test": "jest",
# "test:watch": "jest --watch",
# "test:coverage": "jest --coverage",

remcorakers

@model DD4T.ContentModel.IPage
@using DD4T.Mvc.Html
@{
    ViewBag.Title = @Model.Title;
}
<h1>@Model.Title</h1>

@Html.RenderComponentPresentations()

remcorakers

@using DD4T.Mvc.Html
@model DD4T.ContentModel.IComponentPresentation
@{
    Layout = "";
}

<h2>@Model.Component.Fields["Title"].Value</h2>
@Model.Component.Fields["Body"].Value.ResolveRichText()

remcorakers

######################################################################################
# Tridion2011PowerShellProfile.ps1
# Originally created by Nuno Mendes ([email protected]) and Daniel Iyoyo
# Modified by Remco Rakers
# Change Date: 08/12/2013
# Product Scope: SDL Tridion 2011 (all versions)
######################################################################################

######################################################################################
# Installation instructions:

remcorakers

.demo {
	height: 330px;
	width: 100%;
	#footprints {
		position: relative;
		margin: auto;
		.footprint {
			position: absolute;
			opacity: 0;
			&.left {

remcorakers

.demo {
	height: 200px;
	width: 250px;
	position: relative;
	#logo {
		position: absolute;
		z-index: 500;
		top: 0;
		left: 0;
	}

remcorakers

if (!$.support.transition) {
	$.fn.transition = $.fn.animate;
}		

function animateFog(fogId, delay) {
	var duration = 5000;
	$(fogId).delay(delay)
		.transition({opacity: 0.4, x: "15px", y: "-4px"}, duration, "linear")
		.transition({opacity: 0.8, x: "-5px", y: "10px"}, duration, "linear")
		.transition({opacity: 0.4, x: "-15px", y: "4px"}, duration, "linear")

remcorakers

if (!$.support.transition) {
	$.fn.transition = $.fn.animate;
}		

$("#step1").transition({opacity: 1}, 1000);
$("#step2").delay(1000).transition({opacity: 1}, 1000);
$("#step3").delay(2000).transition({opacity: 1}, 1000);
$("#step4").delay(3000).transition({opacity: 1}, 1000);
$("#step5").delay(4000).transition({opacity: 1}, 1000);
$("#step6").delay(5000).transition({opacity: 1}, 1000);