Website Frontend

Gemfile

@@ -0,0 +1,9 @@
+source "https://rubygems.org"
+
+gem "jekyll", "~> 4.3.2"
+
+group :jekyll_plugins do
+    gem 'jekyll-optional-front-matter'
+  end
+
+ gem 'jekyll-relative-links'

Gemfile.lock

@@ -0,0 +1,80 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    bigdecimal (3.1.9)
+    colorator (1.1.0)
+    concurrent-ruby (1.3.5)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.17.2-x64-mingw-ucrt)
+    forwardable-extended (2.6.0)
+    google-protobuf (4.30.2-x64-mingw-ucrt)
+      bigdecimal
+      rake (>= 13)
+    http_parser.rb (0.8.0)
+    i18n (1.14.7)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.3.4)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (>= 0.3.6, < 0.5)
+      pathutil (~> 0.9)
+      rouge (>= 3.0, < 5.0)
+      safe_yaml (~> 1.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-optional-front-matter (0.3.2)
+      jekyll (>= 3.0, < 5.0)
+    jekyll-relative-links (0.7.0)
+      jekyll (>= 3.3, < 5.0)
+    jekyll-sass-converter (3.1.0)
+      sass-embedded (~> 1.75)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.5.1)
+      rexml (>= 3.3.9)
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.9.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (6.0.1)
+    rake (13.2.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
+      ffi (~> 1.0)
+    rexml (3.4.1)
+    rouge (4.5.1)
+    safe_yaml (1.0.5)
+    sass-embedded (1.87.0-x64-mingw-ucrt)
+      google-protobuf (~> 4.30)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.6.0)
+    webrick (1.9.1)
+
+PLATFORMS
+  x64-mingw-ucrt
+
+DEPENDENCIES
+  jekyll (~> 4.3.2)
+  jekyll-optional-front-matter
+  jekyll-relative-links
+
+BUNDLED WITH
+   2.6.8

README.md

@@ -1,3 +1,10 @@
+---
+
+title: test
+
+---
+
+
 <h1 align="center">Computer Science</h1>
 <h4 align="center">
     <p>
@@ -72,13 +79,15 @@ A computer is a device designed to perform high-speed mathematical, logical, or
 Boolean logic is a branch of mathematics focused on truth values, specifically true and false. It operates with a binary system where 0 represents false and 1 represents true. Known as Boolean algebra, this system was first introduced by George Boole in 1854.
 
 ### Common Boolean Operators
+
 | Operator | Name |               Description               |
 | :------: | :--: | :-------------------------------------: |
 |    !     | NOT  | Negates (inverts) the value of the operand.   |
 |    &&    | AND  | Returns true if both operands are true. |
 |   \|\|   |  OR  | Returns true if at least one operand is true. |
 
 ### Nice to know Boolean Operators
+
 | Operator | Name |               Description               |
 | :------: | :--: | :-------------------------------------: |
 |    ()    | Parentheses     |   Allows you to group keywords and control the order in which the terms will be searched.    |

README_pt.md

@@ -65,13 +65,15 @@ Um dispositivo que calcula, especialmente uma máquina eletrônica programável
 
 A lógica booleana é um ramo da matemática que lida com os valores de verdade e falsidade. É um sistema lógico que utiliza apenas dois valores, 0 e 1, para representar falso e verdadeiro, respectivamente. Também é conhecida como álgebra booleana, nomeada em homenagem a George Boole, que a descreveu pela primeira vez em 1854.
 ### Operadores Booleanos Comuns
+
 | Operador | Nome | Descrição |
 | :------: | :--: | :-------------------------------------: |
 |    !     | NÃO  | Nega o valor do operando. |
 |    &&    | E    | Retorna **verdadeiro** se ambos os operandos forem verdadeiros. |
 |   \|\|   | OU   | Retorna **verdadeiro** se um ou todos os operandos forem verdadeiros. |
 
 ### Operadores Booleanos Úteis
+
 | Operador | Nome | Descrição |
 | :------: | :--: | :-------------------------------------: |
 |    ()    | Parênteses     | Permite agrupar palavras-chave e controlar a ordem na qual os termos serão pesquisados. |
@@ -421,6 +423,7 @@ int fib(n) {
      return (fib(n-1) + fib(n-2));
 }
 x = x + 1 # isso altera o valor atribuído à variável x
+```
 **As funções são de primeira classe e podem ser de ordem superior**: Funções de primeira classe são tratadas como variáveis de primeira classe. As variáveis de primeira classe podem ser passadas como parâmetros para funções, podem ser retornadas por funções ou armazenadas em estruturas de dados.
 
 Uma combinação de aplicações de função pode ser definida usando uma forma de LISP chamada **funcall**, que recebe como argumentos uma função e uma série de argumentos e aplica essa função a esses argumentos:

_config.yaml

@@ -0,0 +1,22 @@
+title: My Site
+markdown: kramdown
+
+
+plugins:
+  - jekyll-optional-front-matter
+  - jekyll-relative-links
+
+
+include:
+  - readme.md
+
+
+defaults:
+  - scope:
+      path: ""
+      type: "pages"
+    values:
+      layout: "default"
+      title: My Site
+      description: My site description
+      render_with_liquid: false

_layouts/default.html

@@ -0,0 +1,19 @@
+<html>
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="/assets/style.css" />
+
+    <title>{{ page.title | default: site.title }}</title>
+</head>
+<body>
+    <div class="container">
+
+  <main>
+
+    {{ content }}
+  </main>
+
+</div>
+
+</body>
+</html>

assets/style.css

@@ -0,0 +1,94 @@
+/* style.css */
+body {
+    margin: 0;
+    font-family: system-ui, sans-serif;
+    display: flex;
+    min-height: 100vh;
+  }
+
+
+  h1, h2, h3, h4 {
+    color: #222;
+    margin-top: 2rem;
+  }
+
+  a {
+    color: #007acc;
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  pre, code {
+    background: #f4f4f4;
+    padding: 0.3em 0.6em;
+    border-radius: 4px;
+    font-family: "Fira Code", monospace;
+  }
+
+  pre {
+    overflow-x: auto;
+    padding: 1em;
+  }
+
+  blockquote {
+    border-left: 4px solid #ccc;
+    padding-left: 1em;
+    color: #666;
+    margin: 1em 0;
+  }
+
+  table {
+    border-collapse: collapse;
+    width: 100%;
+    margin-top: 1em;
+  }
+
+  th, td {
+    border: 1px solid #ddd;
+    padding: 0.5em;
+    text-align: left;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    body {
+      background: #1e1e1e;
+      color: #ddd;
+    }
+    a { color: #7abaff; }
+    pre, code { background: #2d2d2d; }
+    blockquote { border-left-color: #666; }
+  }
+
+.container {
+    display: flex;
+    width: 100%;
+  }
+
+  .sidebar {
+    width: 200px;
+    background: #f4f4f4;
+    padding: 1rem;
+    box-shadow: 2px 0 4px rgba(0,0,0,0.1);
+  }
+
+  .sidebar ul {
+    list-style: none;
+    padding-left: 0;
+  }
+
+  .sidebar li {
+    margin-bottom: 0.5rem;
+  }
+
+  .sidebar a {
+    text-decoration: none;
+    color: #007acc;
+  }
+main{
+    flex-grow: 1;
+    padding-left: 6rem;
+    padding-right: 2rem;
+  }