WIP our_work.html

This commit is contained in:
Reynir Björnsson 2023-02-17 13:28:53 +01:00
parent 23e7d09877
commit ce85ef590e
5 changed files with 186 additions and 1 deletions

6
pages/our_work.md Normal file
View file

@ -0,0 +1,6 @@
---
title: Our Work
description: The Robur Cooperative
---
{% include "templates/our_work.html" %}

View file

@ -8,7 +8,8 @@ let program ~target =
let* () = Task.move_css target in let* () = Task.move_css target in
let* () = Task.move_images target in let* () = Task.move_images target in
let* () = Task.generate_index target in let* () = Task.generate_index target in
Task.generate_about_us target let* () = Task.generate_about_us target in
Task.generate_our_work target
let local_build _quiet target = let local_build _quiet target =
Yocaml_unix.execute (program ~target:(Fpath.to_string target)) Yocaml_unix.execute (program ~target:(Fpath.to_string target))

View file

@ -7,6 +7,7 @@ let css_target target = "css" |> into target
let images_target target = "images" |> into target let images_target target = "images" |> into target
let index_html target = "index.html" |> into target let index_html target = "index.html" |> into target
let about_us_html target = "about_us.html" |> into target let about_us_html target = "about_us.html" |> into target
let our_work_html target = "our_work.html" |> into target
let move_css target = let move_css target =
process_files process_files
@ -66,3 +67,8 @@ let generate_about_us target =
>>^ fun ((current_members, former_members), (page, content)) -> >>^ fun ((current_members, former_members), (page, content)) ->
Model.About_us.make ~current_members ~former_members page, content in Model.About_us.make ~current_members ~former_members page, content in
with_layout (module Model.About_us) read_model (about_us_html target) with_layout (module Model.About_us) read_model (about_us_html target)
let generate_our_work target =
let read_model =
Metaformat.read_file_with_metadata (module Metadata.Page) "pages/our_work.md" in
with_layout (module Metadata.Page) read_model (our_work_html target)

View file

@ -2,3 +2,4 @@ val move_css : string -> unit Yocaml.Effect.t
val move_images : string -> unit Yocaml.Effect.t val move_images : string -> unit Yocaml.Effect.t
val generate_index : string -> unit Yocaml.Effect.t val generate_index : string -> unit Yocaml.Effect.t
val generate_about_us : string -> unit Yocaml.Effect.t val generate_about_us : string -> unit Yocaml.Effect.t
val generate_our_work : string -> unit Yocaml.Effect.t

171
templates/our_work.html Normal file
View file

@ -0,0 +1,171 @@
<div class="our-work-page">
<div class="section-header">
<div class="container-fluid dark">
<div class="container">
<div class="col-md-12">
<h2>Our approach</h2>
<span class="manchet">
<p>We are a nonprofit open source software cooperative whose mission is to develop robust and secure digital infrastructure. We strive to enable more people to reliably run their own infrastructure by producing correct, surprise-free software to be deployed in real environments. Our software aims to meet the needs of anyone working in an environment where security and dependability is vital.</p>
</span>
</div>
<div class="button-pair">
<button class="read-more"><a href="#">Read more</a></button>
<button class="contact-us"><a href="#contact">Contact us</a></button>
</div>
</div>
<div class="background-image">
<img src="{{ root }}/images/our_work_grafik.png" alt="pentagon-graphics">
</div>
</div>
</div>
<div class="section-1">
<div class="container-fluid p0">
<div class="container">
<div class="col-md-12">
<h2>Technology employed</h2>
<span class="manchet">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</p>
</span>
</div>
</div>
</div>
</div>
<div class="section-2">
<div class="container-fluid">
<div class="container">
<div class="col-md-12 p0">
<div class="col-md-6 column-1">
<img src="{{ root }}/images/our_work_triangle.png" alt="triangle">
<p class="underoverskrift"><b>OCaml</b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<button class="read-more-btn"><a href="static.php">Read more</a></button>
</div>
<div class="col-md-6 column-2">
<img src="{{ root }}/images/our_work_triangle.png" alt="triangle">
<p class="underoverskrift"><b>MirageOS</b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<button class="read-more-btn"><a href="static.php">Read more</a></button>
</div>
<div class="col-md-6 column-1">
<img src="{{ root }}/images/our_work_triangle.png" alt="triangle">
<p class="underoverskrift"><b>OCaml</b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<button class="read-more-btn"><a href="static.php">Read more</a></button>
</div>
</div>
</div>
</div>
</div>
<div class="section-3">
<div class="container-fluid dark">
<div class="container">
<h2>Services offered</h2>
<span class="manchet">
<p>We can work with you to design, develop and audit software and infrastructure to assist you in enhancing your technical security and reliability. Whilst we are not a service provider, and so can not offer to host applications, we can assist you in deploying MirageOS and OCaml services.</p>
</span>
<div class="col-md-12 p0 img-row">
<div class="col-md-4 p0">
<object data="images/our_work.svg" type="image/svg+xml">
<img src="{{ root }}/images/our_work.svg" alt="design-graphics" />
</object>
<p><b>Design</b></p>
</div>
<div class="col-md-4 p0">
<img src="{{ root }}/images/our_work_graphics_2.png" alt="develop-graphics">
<p><b>Develop</b></p>
</div>
<div class="col-md-4 p0">
<img src="{{ root }}/images/our_work_graphics_3.png" alt="audit-graphics">
<p><b>Audit</b></p>
</div>
</div>
<button class="read-more-btn"><a href="static.php">Read more</a></button>
</div>
</div>
</div>
<div class="section-4">
<div class="container-fluid">
<div class="container">
<div class="col-md-12 p0">
<h2>Our projects</h2>
<span class="manchet">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</p>
</span>
</div>
<div class="col-md-12 p0 buttons">
<button><a href="#">Bitcoin Piñata</a></button>
<button><a href="#">DNS</a></button>
<button><a href="#">OpenPGP</a></button>
<button><a href="#">OpenVPN</a></button>
<button><a href="#">CalDAV Server</a></button>
<button><a href="#">Solo5</a></button>
<button><a href="#">Firewall</a></button>
</div>
</div>
</div>
</div>
<div class="section-5">
<div class="container-fluid dark">
<div class="container">
<div class="col-md-12 p0">
<h2>Publications and talks</h2>
<span class="manchet">
<p>We regularly give talks and write publications about our work, OCaml and MirageOS and other aspects of coding, security and computer science that we have expertise in. Below are some examples of these, if you are interested in having a Robur member speak at your event please reach out to us.</p>
</span>
<a href="talks_and_publications.php">See all publications and talks</a>
<hr>
</div>
<div class="col-md-12 p0 first-block">
<div class="col-md-6 p0 element-1">
<p class="underoverskrift">HANNES MEHNERT</p>
<p class="brødtekst"><b>Engineering with Logic: Rigorous Test-Oracle Specification and Validation for TCP/IP and the Sockets API (JACM vol 66, January 2019)</b></p>
<a href="#" class="button">
<figure><img src="{{ root }}/images/download-pil.png"></figure>
<div class="text">Download</div>
</a>
</div>
<div class="col-md-6 p0 element-2">
<video poster="images/video-screenshot.png" controls>
<div class="video-overlay"><img src="{{ root }}/images/video-dark-layer.png" alt="video-overlay"></div>
<source src="#" type="video/mp4">
</video>
</div>
</div>
<div class="col-md-12 p0 second-block">
<div class="col-md-6 p0 element-1">
<p class="underoverskrift">MARTIN LUCINA</p>
<p class="brødtekst"><b>Unikernels as Processes - ACM Symposium on Cloud Computing 2018</b></p>
<a href="#" class="button">
<figure><img src="{{ root }}/images/download-pil.png"></figure>
<div class="text">Download</div>
</a>
</div>
<div class="col-md-6 p0 element-2">
<p class="underoverskrift">HANNES MEHNERT</p>
<p class="brødtekst"><b>MirageOS: robust and secure services for the cloud</b></p>
<p class="underoverskrift">CERN COMPUTING SEMINAR 2019</p>
<p class="brødtekst">Presenting MirageOS and its advantages along with explaining several applications being developed within it.</p>
</div>
</div>
</div>
</div>
</div>
</div>