Skip to content
Snippets Groups Projects
Commit 97c212d4 authored by Allan Blanchard's avatar Allan Blanchard
Browse files

Merge branch 'new-doc-page' into 'master' 

New documentation page

See merge request !43
parents b447a5e6 aba7bef3
No related branches found
No related tags found
1 merge request!43New documentation page
Pipeline #28166 passed
Stage: test
    Stage: deploy
      Hide whitespace changes
      Inline Side-by-side
      Showing
      with 225 additions and 68 deletions
      _data/nav.yml
      + 1
      − 1
      View file @ 97c212d4
      ......@@ -3,7 +3,7 @@
      - name: Features
      link: /html/kernel-plugin.html
      - name: Documentation
      link: /dokuwiki/start.html
      link: /html/documentation.html
      - name: Blog
      link: /blog/index.html
      # - name: Careers
      ......
      _fc-plugins/e-acsl.md
      + 6
      − 4
      View file @ 97c212d4
      ......@@ -5,10 +5,12 @@ description: Runtime Verification Tool
      key: main
      manual_pdf: http://frama-c.com/download/e-acsl/e-acsl-manual.pdf
      additional:
      - name: "E-ACSL Language Reference Manual"
      link: http://frama-c.com/download/e-acsl/e-acsl.pdf
      - name: "E-ACSL Language Reference Implementation Manual"
      link: http://frama-c.com/download/e-acsl/e-acsl-implementation.pdf
      - name: "E-ACSL Language Reference Manual"
      short: "Language Reference"
      link: http://frama-c.com/download/e-acsl/e-acsl.pdf
      - name: "E-ACSL Language Reference Implementation Manual"
      short: "Language Implementation"
      link: http://frama-c.com/download/e-acsl/e-acsl-implementation.pdf
      distrib_mode: main
      ---
      ......
      _fc-plugins/eva.md
      + 1
      − 0
      View file @ 97c212d4
      ---
      layout: plugin
      title: Eva, an Evolved Value Analysis
      short: Eva
      description: Automatically computes variation domains for the variables of the program.
      key: main
      distrib_mode: main
      ......
      _fc-plugins/impact.md
      + 1
      − 0
      View file @ 97c212d4
      ---
      layout: plugin
      title: Impact analysis
      short: Impact
      description: Highlights the locations in the source code that are impacted by a modification.
      key: browsing
      distrib_mode: main
      ......
      _fc-plugins/markdown-report.md
      + 1
      − 0
      View file @ 97c212d4
      ---
      layout: plugin
      title: Markdown Report (MdR)
      short: MdR
      description: Markdown and SARIF reports on status of ACSL annotations
      key: reporting
      distrib_mode: main
      ......
      _fc-plugins/metrics-calculation.md
      + 1
      − 0
      View file @ 97c212d4
      ---
      layout: plugin
      title: Metrics calculation
      short: Metrics
      description: Allows the user to compute various metrics from the source code.
      key: reporting
      distrib_mode: main
      ......
      _fc-plugins/occurrence.md
      + 1
      − 0
      View file @ 97c212d4
      ---
      layout: plugin
      title: Occurrence analysis
      short: Occurrence
      description: Allows the user to reach the statements where a given variable is used. Also provided as a simple example for new plug-in development.
      key: browsing
      distrib_mode: main
      ......
      _fc-plugins/scope.md
      + 1
      − 0
      View file @ 97c212d4
      ---
      layout: plugin
      title: Scope & Data-flow browsing
      short: Scope
      description: Allows the user to navigate the dataflow of the program, from definition to use or from use to definition.
      key: browsing
      distrib_mode: main
      ......
      _fc-plugins/wp.md
      + 6
      − 4
      View file @ 97c212d4
      ......@@ -6,10 +6,12 @@ key: main
      distrib_mode: main
      manual_pdf: /download/frama-c-wp-manual.pdf
      additional:
      - name: "ACSL by Example, by Fraunhofer FOKUS"
      link: https://fraunhoferfokus.github.io/acsl-by-example
      - name: "Introduction to C program proof with Frama-C and WP, by Allan Blanchard"
      link: https://github.com/AllanBlanchard/tutoriel_wp
      - name: "ACSL by Example, by Fraunhofer FOKUS"
      short: "ACSL by Example"
      link: https://fraunhoferfokus.github.io/acsl-by-example
      - name: "Introduction to C program proof with Frama-C and WP, by Allan Blanchard"
      short: "Tutorial on Frama-C and WP"
      link: https://github.com/AllanBlanchard/tutoriel_wp
      ---
      ## Overview
      ......
      _layouts/clean_page.html
      + 1
      − 1
      View file @ 97c212d4
      ......@@ -4,7 +4,7 @@ title: Teaching
      css: wiki
      ---
      <body class="page-template page-template-page-kernel page-template-page-kernel-php page page-id-179 nonTouch">
      <body class="page-template page-template-page-kernel page-template-page-kernel-php page nonTouch">
      <div id="wrapper" class="hfeed">
      {% include headers.html header=3 %}
      ......
      assets/css/main.css
      + 130
      − 14
      View file @ 97c212d4
      ......@@ -205,7 +205,7 @@ footer {
      box-sizing: border-box;
      }
      a {
      color: #d6be98;
      color: #b4ab65;
      cursor: pointer;
      text-decoration: none;
      }
      ......@@ -1353,6 +1353,9 @@ h2 {
      font-size: 14px;
      margin: 0 0 20px;
      }
      .listItem a {
      color: #98805a;
      }
      .pageDetail.pages .wrap {
      padding: 0 15px 30px;
      }
      ......@@ -1454,70 +1457,183 @@ h2 {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      }
      .docListwrap {
      .pluginListwrap {
      padding: 0;
      }
      .docListwrap > section {
      .pluginListwrap > section {
      margin-bottom: 35px;
      }
      @media (min-width: 600px) {
      .docListwrap > section {
      .pluginListwrap > section {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 130px;
      }
      }
      @media (min-width: 768px) {
      .docListwrap > section {
      .pluginListwrap > section {
      padding: 0 10px;
      }
      }
      @media (min-width: 1280px) {
      .docListwrap > section {
      .pluginListwrap > section {
      padding: 0;
      }
      }
      .docListwrap > section > div,
      .docListwrap > section .listItem {
      .pluginListwrap > section > div,
      .pluginListwrap > section .listItem {
      box-sizing: border-box;
      }
      @media (min-width: 600px) {
      .docListwrap > section > div,
      .docListwrap > section .listItem {
      .pluginListwrap > section > div,
      .pluginListwrap > section .listItem {
      width: 49%;
      margin: 0 0.5% 1%;
      }
      }
      @media (min-width: 768px) {
      .docListwrap > section > div,
      .docListwrap > section .listItem {
      .pluginListwrap > section > div,
      .pluginListwrap > section .listItem {
      width: 32.66%;
      margin: 0 0.25% 0.5%;
      box-sizing: border-box;
      }
      .docListwrap > section > div:nth-child(4):nth-last-child(1),
      .docListwrap > section .listItem:nth-child(4):nth-last-child(1) {
      .pluginListwrap > section > div:nth-child(4):nth-last-child(1),
      .pluginListwrap > section .listItem:nth-child(4):nth-last-child(1) {
      width: 32.66%;
      margin: auto;
      position: relative;
      left: -0.25%;
      }
      }
      .pluginListwrap > section > div.pluginListTitle,
      .pluginListwrap > section .listItem.pluginListTitle {
      align-self: center;
      }
      @media (min-width: 768px) {
      .pluginListwrap > section > div.pluginListTitle,
      .pluginListwrap > section .listItem.pluginListTitle {
      width: 32.66%;
      }
      }
      .pluginListTitle {
      font-weight: 700;
      margin-bottom: 25px;
      font-size: 26px;
      padding: 0 30px;
      word-break: break-word;
      }
      @media (min-width: 768px) {
      .pluginListTitle {
      font-size: 30px;
      }
      }
      .pageDocumentation > .wrap {
      position: relative;
      max-width: 1260px;
      margin: 0 auto;
      padding: 0 25px;
      z-index: 2;
      }
      @media (min-width: 768px) {
      pageDocuu.pageDocumentation > .wrap {
      height: 90px;
      padding: 28px 10px 0;
      }
      }
      @media only screen and (min-width: 900px) {
      pageDocuu.pageDocumentation > .wrap {
      padding: 28px 25px 0;
      }
      }
      @media only screen and (min-width: 1260px) {
      pageDocuu.pageDocumentation > .wrap {
      padding-left: 0;
      padding-right: 0;
      }
      }
      .docListwrap {
      padding: 20px 0 0;
      }
      .docListwrap > section {
      margin-bottom: 35px;
      }
      @media (min-width: 600px) {
      .docListwrap > section {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      }
      }
      @media (min-width: 768px) {
      .docListwrap > section {
      margin-bottom: 70px;
      }
      }
      .docItem:before {
      content: "> ";
      color:#f36521;
      }
      .docListwrap > section > div,
      .docListwrap > section .listItem {
      box-sizing: border-box;
      padding: 35px 30px 30px;
      }
      @media (min-width: 600px) {
      .docListwrap > section > div,
      .docListwrap > section .listItem {
      width: 47%;
      margin: 0 0.5% 1%;
      }
      }
      .docListwrap > section > div:nth-last-child(1),
      .docListwrap > section .listItem:nth-last-child(1) {
      position: relative;
      }
      @media (min-width: 768px){
      .docListwrap > section > div,
      .docListwrap > section .listItem {
      width: 32.66%;
      margin: 0 0.25% 0.5%;
      }
      }
      @media (min-width: 900px) {
      .docListwrap > section > div,
      .docListwrap > section .listItem {
      width: 24%;
      margin: 0 0.25% 0.5%;
      box-sizing: border-box;
      }
      }
      .docListwrap > section > div.docListTitle,
      .docListwrap > section .listItem.docListTitle {
      align-self: center;
      }
      @media (min-width: 600px) {
      .docListwrap > section > div.docListTitle,
      .docListwrap > section .listItem.docListTitle {
      width: 47%;
      }
      }
      @media (min-width: 768px) {
      .docListwrap > section > div.docListTitle,
      .docListwrap > section .listItem.docListTitle {
      width: 32.66%;
      }
      }
      @media (min-width: 900px) {
      .docListwrap > section > div.docListTitle,
      .docListwrap > section .listItem.docListTitle {
      width: 24%;
      }
      }
      .docListTitle {
      font-weight: 700;
      margin-bottom: 25px;
      font-size: 26px;
      padding: 0 30px;
      height: auto;
      word-break: break-word;
      }
      @media (min-width: 768px) {
      ......
      html/documentation.html
      + 73
      − 42
      View file @ 97c212d4
      ---
      css: documentation
      layout: default
      title: Documentation - Frama-C
      ---
      ---
      css: documentation
      layout: default
      title: Documentation - Frama-C
      ---
      <body class="page-template page-template-page-documentation page-template-page-documentation-php page page-id-20 nonTouch">
      <body
      class="page-template page-template-page-documentation page-template-page-documentation-php page page-id-20 nonTouch">
      <div id="wrapper" class="hfeed">
      {% include headers.html header=4 %}
      {% include headers.html header=3 %}
      <div id="container" class="mainContainer">
      <div class="pageDocumentation pages">
      <div class="bgTextbig">
      Documentation
      </div>
      <div class="wrap">
      <h1 class="pageTitle">Documentation</h1>
      <div class="pageBanner" style=
      "background-image:url('/assets/img/documentation-banner.jpg');background-size:cover;">
      <p>All the documentation<br>
      you need !</p>
      </div>
      <p>Modifications to this documentation can be made via merge requests to the
      <a href="https://git.frama-c.com/pub/frama-c.frama-c.com">Frama-C website git repository</a>.
      </p>
      <p>The Frama-C kernel and plug-ins have <a href="/html/kernel-plugin.html">a detailed documentation page</a>.
      </p>
      <div class="docListwrap">
      <section>
      <div class="docListTitle">
      <span>Plug-ins Manuals</span>
      <span>Frama-C and ACSL</span>
      </div>
      <div class="listItem">
      <h4 class="listItemTitle"><span>ACSL</span></h4>
      <div class="docItem"><a href="/html/acsl.html">Description page</a></div>
      <div class="docItem"><a href="/download/acsl.pdf">Language Reference</a></div>
      <div class="docItem"><a href="/download/frama-c-acsl-implementation.pdf">Language Implementation</a></div>
      <div class="docItem"><a href="https://github.com/acsl-language/acsl">Official ACSL Git Repository</a></div>
      <div class="docItem"><a href="https://github.com/fraunhoferfokus/acsl-by-example">ACSL by Example</a></div>
      </div>
      <div class="listItem">
      <h4 class="listItemTitle"><span>Frama-C</span></h4>
      <div class="docItem"><a href="/html/kernel.html">Description page</a></div>
      <div class="docItem"><a href="/download/frama-c-user-manual.pdf">User Manual</a></div>
      <div class="docItem"><a href="https://git.frama-c.com/pub/frama-c/blob/master/INSTALL.md">Installation</a></div>
      <div class="docItem"><a href="/html/get-frama-c.html">Releases</a></div>
      </div>
      <div class="listItem">
      <h4 class="listItemTitle"><span>Contributing</span></h4>
      <div class="docItem"><a href="https://git.frama-c.com/pub/frama-c/">GitLab Repository</a></div>
      <div class="docItem"><a href="https://git.frama-c.com/pub/frama-c/CONTRIBUTING.md">Contributer guide</a></div>
      <div class="docItem"><a href="https://git.frama-c.com/pub/frama-c/-/issues">Known issues</a></div>
      <div class="docItem"><a href="/dokuwiki/bug_reporting_guidelines.html">bug reporting guide</a></div>
      </div>
      <div class="listItem">
      <h4 class="listItemTitle"><span>About Frama-C</span></h4>
      <div class="docItem"><a href="/dokuwiki/publications.html">List of publications</a></div>
      <div class="docItem"><a href="/dokuwiki/exercises.html">Exercices</a></div>
      <div class="docItem"><a href="/dokuwiki/teaching.html">Teaching</a></div>
      <div class="docItem"><a href="/dokuwiki/tutorial.html">Tutorials</a></div>
      </div>
      {% for plugin in site.fc-plugins %}
      <div class="listItem">
      <div>
      <h4 class="listItemTitle" data-bgtext="{{ plugin.title }}"><span>{{ plugin.title }}</span></h4>
      <p>{{ plugin.description }}</p><span class="docReadMore">Read
      More</span><a class="linkReadmore" href="{{ plugin.url }}"></a> <a class="btnPdfDownload" target="_blank"
      href="{{ plugin.download }}"><i class="icon-download-arrow"></i></a>
      </div>
      </div>
      {% endfor %}
      </section>
      </div>
      <div class="docListwrap">
      <section>
      <div class="docListTitle">
      <span>ACSL (ANSI/ISO-C Specification Language)</span>
      <span>Plug-ins Manuals</span>
      </div>
      <div class="listItem">
      <div>
      <h4 class="listItemTitle" data-bgtext="ACSL Reference Manual"><span>ACSL Reference Manual</span></h4>
      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys
      standard dummy text ever since the 1500s, when an unknown printer took...</p><a class="btnPdfDownload" target=
      "_blank" href="https://framac.s3.amazonaws.com/production/uploads/2017/08/download.pdf"><i class=
      "icon-download-arrow"></i></a>
      </div>
      <h4 class="listItemTitle"><span>Plugin Development</span></h4>
      <div class="docItem"><a href="/download/frama-c-plugin-development-guide.pdf">Developer Manual</a></div>
      </div>
      {% for plugin in site.fc-plugins %}
      <div class="listItem">
      <h4 class="listItemTitle">
      <span>
      {% if plugin.short %}
      {{ plugin.short }}
      {% else %}
      {{ plugin.title }}
      {% endif %}
      </span>
      </h4>
      <div class="docItem"><a href="{{plugin.url}}">Description page</a></div>
      {% if plugin.manual_pdf %}
      <div class="docItem"><a href="{{plugin.manual_pdf}}">User Manual</a></div>
      {% endif %}
      {% for add in plugin.additional %}
      <div class="docItem"><a href="{{add.link}}">{% if add.short %}{{add.short}}{% else %}{{add.name}}{% endif %}</a></div>
      {% endfor %}
      {% if plugin.repo_url %}
      <div class="docItem"><a href="{{plugin.repo_url}}">External repository</a></div>
      {% endif %}
      </div>
      {% endfor %}
      </section>
      </div>
      </div>
      ......@@ -69,5 +101,4 @@ title: Documentation - Frama-C
      <div class="clear"></div>
      </div>
      </div>
      </body>
      </body>
      \ No newline at end of file
      html/kernel-plugin.html
      + 2
      − 2
      View file @ 97c212d4
      ......@@ -6,10 +6,10 @@ active: 1
      ---
      <div class="docListwrap">
      <div class="pluginListwrap">
      {% for category in site.data.plugins_categories %}
      <section>
      <div class="docListTitle">
      <div class="pluginListTitle">
      <span>{{ category.name }}</span>
      </div>
      {% for distrib in site.data.plugins_distrib_mode %}
      ......
      0% or .
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment