Free Directory Presentation Template

  • 4
  • Article
  • Updated 3 years ago
  • (Edited)
Hi Community,

Here's another template, this one is a directory template. Right now there is only one person, but you could have it cycle through a number of people by adding more content to each placeholder. The content of the template is from HBO's show Silicon Valley (it's a great show). The design is inspired by Material Design profile cards, I took the idea and adjusted it a bit for digital signage.

Feel free to use the template and edit it however you'd like, just please don't sell it. And same as before, all I ask that if you do decide to use it, please share what you built in this thread. Just take a screenshot of the preview window and post it as a comment. 

Also all the files for both are in the Rise Vision Rise Storage account which won't be deleted so don't worry about images randomly disappearing. To use it just copy and paste the below code into the HTML tab of the Rise Vision Editor.

Thanks! 
Shea

Preview URL: http://preview.risevision.com/Viewer.html?type=presentation&id=4a473599-c8f4-490c-bcb1-22d7a4622...




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
</head>

<body style="width:1920px;height:1080px; margin: 0; overflow: hidden;" >
<div id="ph0" placeholder="true" style="width:1938px;height:467px;left:0--px;top:0px;z-index:0;position:absolute;"></div>
<div id="ph1" placeholder="true" style="width:419px;height:419px;left:1380px;top:259px;z-index:1;position:absolute;"></div>
<div id="ph2" placeholder="true" style="width:1380px;height:327px;left:47px;top:400px;z-index:2;position:absolute;"></div>
<div id="ph4" placeholder="true" style="width:1114px;height:270px;left:59px;top:760px;z-index:3;position:absolute;"></div>
<div id="ph5" placeholder="true" style="width:1220px;height:65px;left:59px;top:675px;z-index:4;position:absolute;"></div>
<div id="ph6" placeholder="true" style="width:100px;height:100px;left:1291px;top:705px;z-index:5;position:absolute;"></div>
<div id="ph7" placeholder="true" style="width:100px;height:100px;left:1301px;top:850px;z-index:6;position:absolute;"></div>
<div id="ph8" placeholder="true" style="width:100px;height:100px;left:1291px;top:980px;z-index:7;position:absolute;"></div>
<div id="ph9" placeholder="true" style="width:334px;height:65px;left:713px;top:1447px;z-index:8;position:absolute;"></div>
<div id="ph3" placeholder="true" style="width:334px;height:65px;left:1447px;top:713px;z-index:9;position:absolute;"></div>
<div id="ph10" placeholder="true" style="width:207px;height:65px;left:1447px;top:862px;z-index:10;position:absolute;"></div>
<div id="ph11" placeholder="true" style="width:474px;height:65px;left:1447px;top:988px;z-index:11;position:absolute;"></div>
</body>

<!-- Warning - Editing the Presentation Data Object incorrectly may result in the Presentation not functioning correctly -->
<script language='javascript'>
<!--
var presentationData = {
"presentationData": {
"id": "4a473599-c8f4-490c-bcb1-22d7a4622c62",
"hidePointer": true,
"donePlaceholder": "ph0",
"placeholders": [
{
"id": "ph0",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:40 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Image Widget",
"duration": "10",
"type": "widget",
"objectReference": "5233a598-35ce-41a4-805c-fd2147f144a3",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-image/0.1.1/dist/widget.html",
"additionalParams": "{\"url\":\"https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/another%20folder%2Fcover.png\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"cover.png\",\"folder\":\"another folder/\"},\"scaleToFit\":true,\"position\":\"top-left\",\"background\":{\"color\":\"transparent\"}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph1",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:43 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Image Widget",
"duration": "10",
"type": "widget",
"objectReference": "5233a598-35ce-41a4-805c-fd2147f144a3",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-image/0.1.1/dist/widget.html",
"additionalParams": "{\"url\":\"https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/another%20folder%2Favatar.png\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"avatar.png\",\"folder\":\"another folder/\"},\"scaleToFit\":true,\"position\":\"top-left\",\"background\":{\"color\":\"transparent\"}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph2",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:44 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "HTML Widget",
"duration": "10",
"type": "widget",
"objectReference": "c187c76a-c85b-4bd9-91fa-6f2748c8189c",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-html/0.1.0/dist/widget.html",
"additionalParams": "{\"html\":\"<!DOCTYPE html>\n<html>\n<head lang=\"en\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <meta charset=\"UTF-8\">\n <title></title>\n <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>\n</head>\n<body style=\"overflow:hidden;\">\n <h1 style=\"font-family: 'Open Sans Condensed', sans-serif; font-size:144px; color:#13679C; \">Erlich Backmann</h1>\n</body>\n</html>\n\"}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph4",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:50 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Text",
"duration": "10",
"type": "widget",
"objectReference": "ba0da120-7c67-437f-9caf-73585bd30c74",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-text/0.1.0/dist/widget.html",
"additionalParams": "{\"data\":\"\n\n\n\n\n\n\n\n<span class=\"p1\"><span class=\"s1 wysiwyg-font-family-open-sans wysiwyg-font-size-36 wysiwyg-text-color-24-22-22-1 wysiwyg-line-height-1-5\" data-google-font=\"Open Sans\" data-text-color=\"rgb(24, 22, 22)\" data-line-height=\"1-5\">Noted Silicon Valley entrepreneur and bon vivant Erlich Bachmann has founded both Aviato and Palo Alto’s Hacker Hostel incubator, where he has nurtured talents such as Richard Hendricks and the soon-to-be famous Jian-Yang (last name unclear).</span></span>\",\"background\":\"\",\"scroll\":{\"by\":\"none\",\"speed\":\"medium\",\"pause\":5}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph5",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:53 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Text",
"duration": "10",
"type": "widget",
"objectReference": "ba0da120-7c67-437f-9caf-73585bd30c74",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-text/0.1.0/dist/widget.html",
"additionalParams": "{\"data\":\"\n\n\n\n\n\n\n\n<span class=\"p1\"><span class=\"s1 wysiwyg-font-family-open-sans wysiwyg-font-size-48 wysiwyg-text-color-24-22-22-1\" data-google-font=\"Open Sans\" data-text-color=\"rgb(24, 22, 22)\">Board Member</span></span>\",\"background\":\"\",\"scroll\":{\"by\":\"none\",\"speed\":\"medium\",\"pause\":5}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph6",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:56 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Image Widget",
"duration": "10",
"type": "widget",
"objectReference": "5233a598-35ce-41a4-805c-fd2147f144a3",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-image/0.1.1/dist/widget.html",
"additionalParams": "{\"url\":\"https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/another%20folder%2Fic_phone_black_48dp_2x.png\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"ic_phone_black_48dp_2x.png\",\"folder\":\"another folder/\"},\"scaleToFit\":true,\"position\":\"top-left\",\"background\":{\"color\":\"transparent\"}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph7",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:57 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Image Widget",
"duration": "10",
"type": "widget",
"objectReference": "5233a598-35ce-41a4-805c-fd2147f144a3",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-image/0.1.1/dist/widget.html",
"additionalParams": "{\"url\":\"https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/another%20folder%2Fic_location_on_black_48dp_2x.png\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"ic_location_on_black_48dp_2x.png\",\"folder\":\"another folder/\"},\"scaleToFit\":true,\"position\":\"top-left\",\"background\":{\"color\":\"transparent\"}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph8",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 8:59 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Image Widget",
"duration": "10",
"type": "widget",
"objectReference": "5233a598-35ce-41a4-805c-fd2147f144a3",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-image/0.1.1/dist/widget.html",
"additionalParams": "{\"url\":\"https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/another%20folder%2Fic_email_black_48dp_2x.png\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"ic_email_black_48dp_2x.png\",\"folder\":\"another folder/\"},\"scaleToFit\":true,\"position\":\"top-left\",\"background\":{\"color\":\"transparent\"}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph9",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 9:01 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Text",
"duration": "10",
"type": "widget",
"objectReference": "ba0da120-7c67-437f-9caf-73585bd30c74",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-text/0.1.0/dist/widget.html",
"additionalParams": "{\"data\":\"\n\n\n\n\n\n\n\n<span class=\"p1 wysiwyg-font-size-48 wysiwyg-font-family-open-sans wysiwyg-text-color-24-22-22-1\" data-google-font=\"Open Sans\" data-text-color=\"rgb(24, 22, 22)\">(416)-123-4567</span>\",\"background\":\"\",\"scroll\":{\"by\":\"none\",\"speed\":\"medium\",\"pause\":5}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph3",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 9:03 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Text",
"duration": "10",
"type": "widget",
"objectReference": "ba0da120-7c67-437f-9caf-73585bd30c74",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-text/0.1.0/dist/widget.html",
"additionalParams": "{\"data\":\"\n\n\n\n\n\n\n\n<span class=\"p1 wysiwyg-font-size-48 wysiwyg-font-family-open-sans wysiwyg-text-color-24-22-22-1\" data-google-font=\"Open Sans\" data-text-color=\"rgb(24, 22, 22)\">(416)-123-4567</span>\",\"background\":\"\",\"scroll\":{\"by\":\"none\",\"speed\":\"medium\",\"pause\":5}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph10",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 9:05 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Text",
"duration": "10",
"type": "widget",
"objectReference": "ba0da120-7c67-437f-9caf-73585bd30c74",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-text/0.1.0/dist/widget.html",
"additionalParams": "{\"data\":\"\n\n\n\n\n\n\n\n<span class=\"p1 wysiwyg-font-family-open-sans wysiwyg-font-size-48 wysiwyg-text-color-24-22-22-1\" data-google-font=\"Open Sans\" data-text-color=\"rgb(24, 22, 22)\">Suite 123</span>\",\"background\":\"\",\"scroll\":{\"by\":\"none\",\"speed\":\"medium\",\"pause\":5}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
},
{
"id": "ph11",
"type": "playlist",
"timeDefined": false,
"startDate": "10/05/15 9:07 AM",
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "0",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0",
"visibility": true,
"transition": "none",
"items": [
{
"name": "Text",
"duration": "10",
"type": "widget",
"objectReference": "ba0da120-7c67-437f-9caf-73585bd30c74",
"index": "0",
"playUntilDone": false,
"objectData": "http://s3.amazonaws.com/widget-text/0.1.0/dist/widget.html",
"additionalParams": "{\"data\":\"\n\n\n\n\n\n\n\n<span class=\"p1 wysiwyg-font-family-open-sans wysiwyg-font-size-48 wysiwyg-text-color-24-22-22-1\" data-google-font=\"Open Sans\" data-text-color=\"rgb(24, 22, 22)\">eb@piedpiper.com</span>\",\"background\":\"\",\"scroll\":{\"by\":\"none\",\"speed\":\"medium\",\"pause\":5}}",
"timeDefined": false,
"startDate": null,
"endDate": null,
"startTime": null,
"endTime": null,
"recurrenceType": "Daily",
"recurrenceFrequency": "1",
"recurrenceAbsolute": true,
"recurrenceDayOfWeek": "0",
"recurrenceDayOfMonth": "1",
"recurrenceWeekOfMonth": "0",
"recurrenceMonthOfYear": "0"
}
]
}
]
}
};
//-->
</script>
<!-- No scripts after this point -->
</html>

Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
  • Happy

Posted 3 years ago

  • 4
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Looks good!