markdown

Author: kris-jusiak

_includes/about.html

@@ -1,78 +1,35 @@
     <!-- About Section -->
-    <section id="about" class="container content-section text-center">
+    <section id="about" class="container content-section">
         <div class="row">
+          <script>
+              function renderMarkdownFile(filePath) {
+                  fetch(filePath)
+                      .then(response => {
+                          if (!response.ok) {
+                              throw new Error(`HTTP error! Status: ${response.status}`);
+                          }
+                          return response.text();
+                      })
+                      .then(markdown => {
+                          marked.use({
+                            pedantic: false,
+                            gfm: true,
+                          });
+                          const html = marked.parse(markdown);
+                          document.getElementById('markdown-container').innerHTML = html;
+                      })
+                      .catch(error => {
+                          console.error('Error fetching Markdown file:', error);
+                      });
+              }
+              renderMarkdownFile('https://raw.githubusercontent.com/qlibs/.github/main/profile/README.md');
+          </script>
+
             <div class="col-lg-8 col-lg-offset-2">
                 <h2>About</h2>
                 <hr />
-
-                <pre align="left" style="color:white; background-color: #202121; border: none; padding: 10px;">
-Qlibs++ - Modern C++ libraries
-
-  Mission
-
-    Quality
-      - C++20+ (gcc, clang, msvc*)
-      - Compile-time self testing (can be disabled with -DNTEST)
-      - Compiles cleanly with `-Wall -Wextra -pedantic -fsantize=memory/undefined | /WX /W4`
-      - Focused on composability and declarative interfaces (easy to use hard to misuse)
-
-    Performance
-      - Compile-time driven optimizations
-      - x86-64* driven optimizations and benchmarks
-      - No virtual, No RTTI, No exceptions
-      - Focused on fast compilation times
-
-    Simplicity
-      - Single header/module (including documentation and tests)
-      - Single purpose (unix philosophy)
-      - Minimal dependencies (none or STL*)
-      - Minimal API (available on https://compiler-explorer.com)
-
-  * Selected libraries
-
----
-
-  MIT License - https://opensource.org/license/mit</pre>
-
-<pre align="left" style="color:white; background-color: #202121; border: none; padding: 10px;">
-FAQ
-
-  - Are Qlibs libraries free to use?
-    > Yes, free forever.
-
-  - Can Qlibs libraries be used in comercial projects?
-    > Yes, license permits comerical usage - see License for details.
-
-  - Is the aim for Qlibs libraries to be standarized?
-    > The main goal for the libraries is to solve specific problem in the best possible way.
-      Standarization, in some cases, may or may not follow but it's not the goal.
-
-  - Are Qlibs libraries ABI stable?
-    > ABI stability is not the main priority for the libraries - see Mission.
-
-  - How to report bugs/issues?
-    > Github issues are prefered way for reporting bugs/issues.
-
-  - How to contribute?
-    > Contriubutions are always welcome -
-      see https://docs.github.com/en/pull-requests for details.
-
-      Note: `main` branch is the stable branch.
-
-  - How to add/request a new feature/library?
-    > Github discussions - https://github.com/orgs/qlibs/discussions -
-      sre prefered way to discuss/add/request new features/libraries.
-
-      Note: Mission goals are required to be fulfiled for new libraries.
-
-  - How Qlibs libraries differ from Boost/Poco/... libraries?
-    > Both: Boost and Poco libraries are established and powerful C++ libraries.
-      Qlibs libraries have different, more narrowed, focus and goals.
-
-  - Why Qlibs?
-    > Q stands for Quick(Fast), Quality, libs stands for libraries.
-</pre>
-<hr />
+                <div class="disable-css" id="markdown-container"></div>
             </div>
         </div>
     </section>
+

_includes/css/styles.css

@@ -12,6 +12,12 @@
 
 body {
     width: 100%;
+    color: #fff;
+    background-color: {{ site.color.primary-dark }};
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
 }
 
 /* css for start page asking for username */
@@ -100,5 +106,6 @@ body {
     margin-right: 20px;
     color: white;
 }
-
-/* End code to modify */
+.intro {
+    padding: 300px 0;
+}

_includes/head.html

@@ -1,17 +1,11 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>-->
-    <!--<meta name="viewport" content="width=device-width">-->
-    <!--<meta name="description" content="{{ site.description }}">-->
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
 
     <!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
     <link rel="stylesheet" href="{{ "/style.css" | prepend: site.baseurl }}">
 
-    <!-- Custom Fonts -->
-    <link rel="stylesheet" href="{{ "/css/font-awesome/css/font-awesome.min.css" | prepend: site.baseurl }}">
-    <link href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
-    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
+    <script src="https://cdn.jsdelivr.net/npm/marked@14.0.0/marked.min.js"></script>
 
 </head>

_includes/libraries.html

@@ -10,7 +10,6 @@ <h2>Libraries</h2>
                 <hr />
                 <div id="repo-box"></div>
                 <hr />
-
             </div>
         </div>
     </section>

_layouts/style.css

@@ -1,3 +1,3 @@
 {% include css/bootstrap.min.css %}
-{% include css/grayscale.css %}
+/*{% include css/grayscale.css %}*/
 {% include css/styles.css %}

index.html

@@ -1,3 +1,3 @@
 ---
 layout: default
----
+---

js/script.js

@@ -38,6 +38,7 @@ function genRepo(user) {
 
                         if (repo_name.includes("github.io")) continue;
                         if (repo_name.includes("qlibs")) continue;
+                        if (repo_name.includes(".github")) continue;
 
                         // replaces null values to be better represented when displayed
                         if (repo_language == null) {