scaffolding
This commit is contained in:
		
							
								
								
									
										42
									
								
								templates/default-layout-wrapper.hamlet
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										42
									
								
								templates/default-layout-wrapper.hamlet
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,42 @@
 | 
			
		||||
$newline never
 | 
			
		||||
\<!doctype html>
 | 
			
		||||
\<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
 | 
			
		||||
\<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
 | 
			
		||||
\<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
 | 
			
		||||
\<!--[if gt IE 8]><!-->
 | 
			
		||||
<html class="no-js" lang="en"> <!--<![endif]-->
 | 
			
		||||
  <head>
 | 
			
		||||
    <meta charset="UTF-8">
 | 
			
		||||
 | 
			
		||||
    <title>#{pageTitle pc}
 | 
			
		||||
    <meta name="description" content="">
 | 
			
		||||
    <meta name="author" content="">
 | 
			
		||||
 | 
			
		||||
    <meta name="viewport" content="width=device-width,initial-scale=1">
 | 
			
		||||
 | 
			
		||||
    ^{pageHead pc}
 | 
			
		||||
 | 
			
		||||
    \<!--[if lt IE 9]>
 | 
			
		||||
    \<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 | 
			
		||||
    \<![endif]-->
 | 
			
		||||
 | 
			
		||||
    <script>
 | 
			
		||||
      document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/,'js');
 | 
			
		||||
  <body>
 | 
			
		||||
    <div class="container">
 | 
			
		||||
      <header>
 | 
			
		||||
      <div id="main" role="main">
 | 
			
		||||
        ^{pageBody pc}
 | 
			
		||||
      <footer>
 | 
			
		||||
        #{appCopyright $ appSettings master}
 | 
			
		||||
 | 
			
		||||
    $maybe analytics <- appAnalytics $ appSettings master
 | 
			
		||||
      <script>
 | 
			
		||||
        if(!window.location.href.match(/localhost/)){
 | 
			
		||||
          window._gaq = [['_setAccount','#{analytics}'],['_trackPageview'],['_trackPageLoadTime']];
 | 
			
		||||
          (function() {
 | 
			
		||||
          \  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 | 
			
		||||
          \  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 | 
			
		||||
          \  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 | 
			
		||||
          })();
 | 
			
		||||
        }
 | 
			
		||||
							
								
								
									
										3
									
								
								templates/default-layout.hamlet
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										3
									
								
								templates/default-layout.hamlet
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,3 @@
 | 
			
		||||
$maybe msg <- mmsg
 | 
			
		||||
  <div #message>#{msg}
 | 
			
		||||
^{widget}
 | 
			
		||||
							
								
								
									
										39
									
								
								templates/homepage.hamlet
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										39
									
								
								templates/homepage.hamlet
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,39 @@
 | 
			
		||||
<h1>Welcome to Yesod!
 | 
			
		||||
 | 
			
		||||
<ol>
 | 
			
		||||
  <li>Now that you have a working project you should use the #
 | 
			
		||||
    \<a href="http://www.yesodweb.com/book/">Yesod book<span class="glyphicon glyphicon-book"></span></a> to learn more. #
 | 
			
		||||
    You can also use this scaffolded site to explore some basic concepts.
 | 
			
		||||
 | 
			
		||||
  <li> This page was generated by the #{handlerName} handler in #
 | 
			
		||||
    \<em>Handler/Home.hs</em>.
 | 
			
		||||
 | 
			
		||||
  <li> The #{handlerName} handler is set to generate your site's home screen in Routes file #
 | 
			
		||||
    <em>config/routes
 | 
			
		||||
 | 
			
		||||
  <li> The HTML you are seeing now is actually composed by a number of <em>widgets</em>, #
 | 
			
		||||
    most of them are brought together by the <em>defaultLayout</em> function which #
 | 
			
		||||
    is defined in the <em>Foundation.hs</em> module, and used by <em>#{handlerName}</em>. #
 | 
			
		||||
    All the files for templates and wigdets are in <em>templates</em>.
 | 
			
		||||
 | 
			
		||||
  <li>
 | 
			
		||||
    A Widget's Html, Css and Javascript are separated in three files with the #
 | 
			
		||||
    \<em>.hamlet</em>, <em>.lucius</em> and <em>.julius</em> extensions.
 | 
			
		||||
 | 
			
		||||
  <li ##{aDomId}>If you had javascript enabled then you wouldn't be seeing this.
 | 
			
		||||
 | 
			
		||||
  <li #form>
 | 
			
		||||
    This is an example trivial Form. Read the #
 | 
			
		||||
    \<a href="http://www.yesodweb.com/book/forms">Forms chapter<span class="glyphicon glyphicon-bookmark"></span></a> #
 | 
			
		||||
    on the yesod book to learn more about them.
 | 
			
		||||
    $maybe (info,con) <- submission
 | 
			
		||||
      <div .message .alert .alert-success>
 | 
			
		||||
        Your file's type was <em>#{fileContentType info}</em>. You say it has: <em>#{con}</em>
 | 
			
		||||
    <form method=post action=@{HomeR}#form enctype=#{formEnctype}>
 | 
			
		||||
      ^{formWidget}
 | 
			
		||||
      <button .btn .btn-primary type="submit">
 | 
			
		||||
         Send it! <span class="glyphicon glyphicon-upload"></span>
 | 
			
		||||
 | 
			
		||||
  <li> And last but not least, Testing. In <em>tests/main.hs</em> you will find a #
 | 
			
		||||
    test suite that performs tests on this page. #
 | 
			
		||||
    You can run your tests by doing: <pre>yesod test</pre>
 | 
			
		||||
							
								
								
									
										1
									
								
								templates/homepage.julius
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								templates/homepage.julius
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1 @@
 | 
			
		||||
document.getElementById(#{toJSON aDomId}).innerHTML = "This text was added by the Javascript part of the homepage widget.";
 | 
			
		||||
							
								
								
									
										6
									
								
								templates/homepage.lucius
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										6
									
								
								templates/homepage.lucius
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,6 @@
 | 
			
		||||
h1 {
 | 
			
		||||
    text-align: center
 | 
			
		||||
}
 | 
			
		||||
h2##{aDomId} {
 | 
			
		||||
    color: #990
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user