API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 24th, 2015
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.65 KB | None | 0 0
raw download clone embed print report
  1. @inherits Umbraco.Web.Mvc.UmbracoTemplatePage
  2. @{
  3. Layout = null;
  4. var home = CurrentPage.Parent.Site();
  5. }
  6. <html lang="en">
  7. <head>
  8. <meta charset="utf-8">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="google-site-verification" content="eI38_wxThZBOYuSWVzhSbnqVDxaVogvkBCGez8DSWKU">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  12. <meta name="robots" content="noodp,noydir">
  13. <meta name="description" content="We believe in solutions that make a difference – a real difference. Here are some of our projects.">
  14. <title>Featured Projects</title>
  15. <!--[if lt IE 9]>
  16. <SCRIPT LANGUAGE="javascript">
  17. location.href="http://beta.screeninteraction.com/legacy";
  18. </SCRIPT>
  19. <![endif]-->
  20. <link rel="stylesheet" type="text/css" href="/css/custom.css">
  21. <link href="/css/main.min.css" rel="stylesheet" />
  22. <script type="text/javascript" async="" src="http://www.google-analytics.com/plugins/ua/linkid.js"></script>
  23. <script async="" src="//www.google-analytics.com/analytics.js"></script>
  24. <script type="text/javascript" async="" src="http://cdn.userecho.com/js/widget-1.4.gz.js"></script>
  25. <script>
  26. var baseurl = "http://beta.screeninteraction.com/";
  27. var lang = "en";
  28. var debug = "false";
  29. </script>
  30. <meta class="foundation-data-attribute-namespace">
  31. <meta class="foundation-mq-xxlarge">
  32. <meta class="foundation-mq-xlarge-only">
  33. <meta class="foundation-mq-xlarge">
  34. <meta class="foundation-mq-large-only">
  35. <meta class="foundation-mq-large">
  36. <meta class="foundation-mq-medium-only">
  37. <meta class="foundation-mq-medium">
  38. <meta class="foundation-mq-small-only">
  39. <meta class="foundation-mq-small">
  40. <style></style>
  41. <style type="text/css"></style>
  42. <meta class="foundation-mq-topbar">
  43. </head>
  44. <body id="project" class="">
  45.  
  46. <div class="mobile-topbar show-for-small" id="mobile-menu-button">
  47. <i class="icon-logo"></i>
  48. </div>
  49. <nav class="show-for-small" id="mobile-menu">
  50. <a href="/">Home</a>
  51. @{ Html.RenderPartial("MainNavigation"); }
  52. <a href="http://jobs.screeninteraction.com/">Jobs</a>
  53. <hr>
  54. <a href="#search-container" class="collapse-toggle" data-target="#search-container">Search</a>
  55. <a href="http://beta.screeninteraction.com/press">Press</a>
  56. </nav>
  57. <div class="topbar hide-for-small lang-bar">
  58. <div class="row">
  59. <div class="large-12 columns">
  60. <p class="language">
  61. </p>
  62. <p class="press"></p>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="menubar-placeholder" style="height: 60px; display: none;"></div>
  67. <div class="menubar hide-for-small">
  68. <nav class="row">
  69. <div class="column">
  70. <div class="logo-container">
  71. <a href="@home.Url" class="icon-logo"></a>
  72. </div>
  73. @{ Html.RenderPartial("MainNavigation"); }
  74. <a href="http://jobs.screeninteraction.com/">Jobs</a>
  75. </div>
  76. </nav>
  77. <hr class="row">
  78. </div>
  79. <div class="wrapper spacer-top">
  80. <div class="row">
  81. <div class="column">
  82. <hr>
  83. </div>
  84. </div>
  85. </div>
  86.  
  87. <!-- ------------------------------------------------------------------------------------------------------------------------------------
  88. Här i ligger headline och featured cases. Se nedan headline om ni vill flytta
  89. ------------------------------------------------------------------------------------------------------------------------------------ -->
  90. <div class="wrapper tagline">
  91. <div class="row" style="padding:0 !important;">
  92. <div class="medium-12 medium-centered column">
  93. <!-- Här är headline -->
  94. <h1>@Umbraco.Field("headlineText")</h1>
  95. <div class="row" style="background:#ececec;">
  96. <div class="column medium-12">
  97. @{
  98. foreach (var page in CurrentPage.Children)
  99. {
  100. if (page.IsfeaturedCase)
  101. {
  102.  
  103. <div class="column medium-6">
  104. <div class="project-day">
  105. <a style="color:#c61c59;" href="@page.Url">
  106. <h3>@page.Name</h3>
  107. <p>@page.Introduction</p>
  108. </a>
  109. </div>
  110. </div>
  111. <div class="column medium-6" style="margin-top:15px;">
  112. @if (@page.caseimage != null && !(@page.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  113. {
  114. var im = @page.GetCropUrl("caseimage", "CaseInsightDetailsPicture");
  115. <a href="@page.Url"><img class="hover-featured-case margin-for-featured" src='@im' /></a>
  116.  
  117. }
  118.  
  119. </div>
  120. }
  121. }
  122. }
  123. </div>
  124. </div>
  125.  
  126. </div>
  127. </div>
  128. </div>
  129.  
  130. <!-- ------------------------------------------------------------------------------------------------------------------------------------
  131. Här är alla era cases!
  132. ------------------------------------------------------------------------------------------------------------------------------------ -->
  133. <div class="row cases">
  134. @{
  135. var selection = CurrentPage.Site().FirstChild("ProjectsRepository").Children("Project").Where("Visible").OrderBy("CreateDate desc");
  136. var j = 0;
  137. var counter = 0;
  138. var counterforRounds = 0;
  139. }
  140. @foreach (var item in selection)
  141. {
  142. if(!item.IsfeaturedCase){
  143. if (j == 0)
  144. {
  145. <div class="case-column">
  146. <div class="case medium">
  147. <a href="@item.Url">
  148. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  149. {
  150. var im = @item.GetCropUrl("caseimage", "TallCaseInsigt");
  151.  
  152. <div class="top width100" style="background-image:Url(@im)">
  153. <p class="topHover"></p>
  154. </div>
  155.  
  156. }
  157. <div class="bottom">
  158. <h4>@item.Name</h4>
  159. </div>
  160. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  161. {
  162. var im = Umbraco.Media(@item.imagetocompany);
  163.  
  164. <div class="company" style="background-image:Url(@im.Url)">
  165. </div>
  166.  
  167. }
  168. </a>
  169. </div>
  170. </div>
  171. j++;
  172.  
  173. }
  174. else if (j == 1)
  175. {
  176. <div class="case-column">
  177. <div class="case">
  178. <a href="@item.Url">
  179. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  180. {
  181. var im = @item.GetCropUrl("caseimage", "SmallCaseInsight");
  182.  
  183. <div class="top width100" style="background-image:Url(@im)">
  184. <p class="topHover"></p>
  185. </div>
  186.  
  187.  
  188.  
  189. }
  190. <div class="bottom">
  191. <h4>@item.Name</h4>
  192. </div>
  193. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  194. {
  195. var im = Umbraco.Media(@item.imagetocompany);
  196.  
  197. <div class="company" style="background-image:Url(@im.Url)">
  198. </div>
  199.  
  200. }
  201. </a>
  202. </div>
  203. </div>
  204. j++;
  205. }
  206. else if (j == 2)
  207. {
  208. <div class="case-column">
  209. <div class="case medium">
  210. <a href="@item.Url">
  211. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  212. {
  213. var im = @item.GetCropUrl("caseimage", "TallCaseInsigt");
  214.  
  215. <div class="top width100" style="background-image:Url(@im)">
  216. <p class="topHover"></p>
  217. </div>
  218.  
  219. }
  220. <div class="bottom">
  221. <h4>@item.Name</h4>
  222. </div>
  223. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  224. {
  225. var im = Umbraco.Media(@item.imagetocompany);
  226.  
  227. <div class="company" style="background-image:Url(@im.Url)">
  228. </div>
  229.  
  230. }
  231. </a>
  232. </div>
  233. </div>
  234. j++;
  235.  
  236. }
  237. else if (j == 3)
  238. {
  239. <div class="case-column">
  240. <div class="case">
  241. <a href="@item.Url">
  242. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  243. {
  244. var im = @item.GetCropUrl("caseimage", "SmallCaseInsight");
  245.  
  246. <div class="top width100" style="background-image:Url(@im)">
  247. <p class="topHover"></p>
  248. </div>
  249.  
  250.  
  251.  
  252. }
  253. <div class="bottom">
  254. <h4>@item.Name</h4>
  255. </div>
  256. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  257. {
  258. var im = Umbraco.Media(@item.imagetocompany);
  259.  
  260. <div class="company" style="background-image:Url(@im.Url)">
  261. </div>
  262.  
  263. }
  264. </a>
  265. </div>
  266. </div>
  267. j++;
  268. }
  269.  
  270. <!-- ------------------------------------------------------------------------------------------------------------------------------------
  271. Detta är quotes under andra bilden, cases fortsätter nedan!
  272. ------------------------------------------------------------------------------------------------------------------------------------ -->
  273. if (j == 4 && counter == 1 && counterforRounds == 1)
  274. {
  275. <div class="quote-column">
  276. <div class="quote shift-up-1">
  277. <p>@Umbraco.Field("textinsidecases")</p>
  278. </div>
  279. </div>
  280. }
  281. if (j == 4 && counter == 0)
  282. {
  283. <div class="quote-column">
  284. <div class="quote shift-up-1">
  285. <p>@Umbraco.Field("textinsideinsighttwo")</p>
  286. </div>
  287. </div>
  288. counter++;
  289. }
  290.  
  291. else if (j == 4)
  292. {
  293. <div class="case-column">
  294. <div class="case">
  295. <a href="@item.Url">
  296. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  297. {
  298. var im = @item.GetCropUrl("caseimage", "SmallCaseInsight");
  299.  
  300. <div class="top width100" style="background-image:Url(@im)">
  301. <p class="topHover"></p>
  302. </div>
  303.  
  304.  
  305.  
  306. }
  307. <div class="bottom">
  308. <h4>@item.Name</h4>
  309. </div>
  310. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  311. {
  312. var im = Umbraco.Media(@item.imagetocompany);
  313.  
  314. <div class="company" style="background-image:Url(@im.Url)">
  315. </div>
  316.  
  317. }
  318. </a>
  319. </div>
  320. </div>
  321. j++;
  322.  
  323. }
  324. else if (j == 5)
  325. {
  326. <div class="case-column">
  327. <div class="case">
  328. <a href="@item.Url">
  329. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  330. {
  331. var im = @item.GetCropUrl("caseimage", "SmallCaseInsight");
  332.  
  333. <div class="top width100" style="background-image:Url(@im)">
  334. <p class="topHover"></p>
  335. </div>
  336.  
  337.  
  338.  
  339. }
  340. <div class="bottom">
  341. <h4>@item.Name</h4>
  342. </div>
  343. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  344. {
  345. var im = Umbraco.Media(@item.imagetocompany);
  346.  
  347. <div class="company" style="background-image:Url(@im.Url)">
  348. </div>
  349.  
  350. }
  351. </a>
  352. </div>
  353. </div>
  354. j++;
  355. }
  356. else if (j == 6)
  357. {
  358. <div class="case-column">
  359. <div class="case medium shift-up-2">
  360. <a href="@item.Url">
  361. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  362. {
  363. var im = @item.GetCropUrl("caseimage", "TallCaseInsigt");
  364.  
  365. <div class="top width100" style="background-image:Url(@im)">
  366. <p class="topHover"></p>
  367. </div>
  368. }
  369. <div class="bottom">
  370. <h4>@item.Name</h4>
  371. </div>
  372. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  373. {
  374. var im = Umbraco.Media(@item.imagetocompany);
  375.  
  376. <div class="company" style="background-image:Url(@im.Url)">
  377. </div>
  378.  
  379. }
  380. </a>
  381. </div>
  382. </div>
  383. j++;
  384. }
  385. else if (j == 7)
  386. {
  387. <div class="case-column">
  388. <div class="case">
  389. <a href="@item.Url">
  390. @if (@item.caseimage != null && !(@item.caseimage is Umbraco.Core.Dynamics.DynamicNull))
  391. {
  392. var im = @item.GetCropUrl("caseimage", "TallCaseInsigt");
  393.  
  394. <div class="top width100" style="background-image:Url(@im)">
  395. <p class="topHover"></p>
  396. </div>
  397. }
  398. <div class="bottom">
  399. <h4>@item.Name</h4>
  400. </div>
  401. @if (@item.imagetocompany != null && !(@item.imagetocompany is Umbraco.Core.Dynamics.DynamicNull))
  402. {
  403. var im = Umbraco.Media(@item.imagetocompany);
  404.  
  405. <div class="company" style="background-image:Url(@im.Url)">
  406. </div>
  407.  
  408. }
  409. </a>
  410. </div>
  411. </div>
  412. j = 0;
  413. counterforRounds++;
  414. }
  415.  
  416. }
  417.  
  418. }
  419. </div>
  420. @{ Html.RenderPartial("BottomNavigation"); }
  421.  
  422. <script src="/scripts/custom.js"></script>
  423.  
  424. @Scripts.Render("~/bundles/javascripts")
  425. <!-- Google Analytics -->
  426. <script>
  427. (function (i, s, o, g, r, a, m) {
  428. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  429. (i[r].q = i[r].q || []).push(arguments)
  430. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  431. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  432. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  433.  
  434. ga('create', 'UA-9653495-1', 'auto');
  435. ga('require', 'linkid', 'linkid.js');
  436. ga('send', 'pageview');
  437. </script>
  438. <!-- End Google Analytics -->
  439. </body>
  440. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!