#19 #9 - Links to the main IntelliFactory tools. li links into snippets.

intellifactory · Feb 8, 2021 · df7cb74 · df7cb74
1 parent 16af0ac
commit df7cb74
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 18 deletions.
diff --git a/src/Hosted/Hosted.fsproj b/src/Hosted/Hosted.fsproj
@@ -7,6 +7,7 @@
   <ItemGroup>
     <Content Include="jobs\202102-fsharp-intern.html" />
     <Content Include="jobs\202102-fsharp-web-developer.html" />
+    <Content Include="tutorial-link-snippet.html" />
     <Content Include="trainings\fsharp-basics.html" />
     <Content Include="posts/**/*.*" />
     <Compile Include="Main.fs" />

diff --git a/src/Hosted/Main.fs b/src/Hosted/Main.fs
@@ -386,6 +386,7 @@ module Site =
     type ConsultingTemplate = Templating.Template<"../Hosted/consulting.html", serverLoad=Templating.ServerLoad.WhenChanged>
     type CareersTemplate = Templating.Template<"../Hosted/careers.html", serverLoad=Templating.ServerLoad.WhenChanged>
     type JobsBaseTemplate = Templating.Template<"../Hosted/jobs-base.html", serverLoad=Templating.ServerLoad.WhenChanged>
+    type TutorialLinkSnippetTamplate = Templating.Template<"../Hosted/tutorial-link-snippet.html", serverLoad=Templating.ServerLoad.WhenChanged>
 
     type [<CLIMutable>] RawConfig =
         {
@@ -930,21 +931,17 @@ module Site =
                             "Code quotations"
                             "Interactive shell and interpreter"
                         ]
-                        |> List.map (fun x -> li [] [
-                                a [attr.href "#"] [text x] 
-                                div [attr.``class`` "content"] [
-                                    a [
-                                        attr.``class`` "btn btn-sm btn-circle full-width"
-                                        attr.target "_blank"
-                                        attr.href <| mailtoFromTitle x
-                                    ] [text "Contact us for an onsite training"]
-                                ] 
-                            ])
+                        |> List.map (fun x -> 
+                            TutorialLinkSnippetTamplate
+                                .VideoItem()
+                                .Title(x)
+                                .Doc()
+                        )
                     template
 #if !DEBUG
                         .ReleaseMin(".min")
 #endif
-                        .VideoList(ul [attr.``class`` "accordion-list"] vids)
+                        .VideoList(vids)
                         .MenuBar(menubar config.Value)
                         .Footer(MainTemplate.Footer().Doc())
                         .Cookie(Cookies.Banner false)

diff --git a/src/Hosted/consulting.html b/src/Hosted/consulting.html
@@ -94,27 +94,39 @@ <h2>Our products</h2>
 					<div class="col-lg-9 grid-list" data-columns="3">
 						<div class="grid-box">
 							<div class="grid-item">
-								<img src="assets/consulting-6.jpg" alt="WebSharper" />
+								<a href="https://websharper.com/">
+                  <img src="assets/consulting-6.jpg" alt="WebSharper" />
+                </a>
 								<div class="align-center">
-									<h2>WebSharper</h2>
+                  <a href="https://websharper.com/">
+                    <h2>WebSharper</h2>
+                  </a>
 									<p style="margin-top: 0;">
 										To leverage JavaScript ecosystem
 									</p>
 								</div>
 							</div>
 							<div class="grid-item">
-								<img src="assets/consulting-7.jpg" alt="Bolero" />
+                <a href="https://fsbolero.io/">
+                  <img src="assets/consulting-7.jpg" alt="Bolero" />
+                </a>
 								<div class="align-center">
-									<h2>Bolero</h2>
+                  <a href="https://fsbolero.io/">
+                    <h2>Bolero</h2>
+                  </a>
 									<p style="margin-top: 0;">
 										Advance to the future of WebAssembly
 									</p>
 								</div>
 							</div>
 							<div class="grid-item">
-								<img src="assets/consulting-8.jpg" alt="CloudSharper" />
+                <a href="http://cloudsharper.com/">
+                  <img src="assets/consulting-8.jpg" alt="CloudSharper" />
+                </a>
 								<div class="align-center">
-									<h2>CloudSharper</h2>
+                  <a href="http://cloudsharper.com/">
+                    <h2>CloudSharper</h2>
+                  </a>
 									<p style="margin-top: 0;">
 										Your environment. Everywhere.
 									</p>

diff --git a/src/Hosted/trainings/fsharp-basics.html b/src/Hosted/trainings/fsharp-basics.html
@@ -87,7 +87,8 @@ <h1 style="margin-top: 0">How F# increases productivity</h1>
             <h1>What we offer to train</h1>
           </div>
           <hr class="space-xs" />
-          <div ws-replace="VideoList"></div>
+          <ul class="accordion-list" ws-hole="VideoList">
+          </ul>
         </div>
       </section>
     </main>

diff --git a/src/Hosted/tutorial-link-snippet.html b/src/Hosted/tutorial-link-snippet.html
@@ -0,0 +1,7 @@
+<li ws-template="VideoItem">
+  <a href="#">${Title}</a>
+  <div class="content">
+    <a class="btn btn-sm btn-circle full-width" href="/contact">Contact us for an onsite training</a>
+  </div>
+</li>
+