rawfeed 0.0.1 → 0.1.0

data/_sass/includes/_highlight.scss

@@ -0,0 +1,87 @@
+.code-block {
+  &-container {
+    margin-bottom: 1.5em;
+    border: 1px solid var(--border-color);
+    box-shadow: 0 2px 8px var(--shadow-color);
+    border-radius: 3px;
+    overflow: hidden;
+      .highlight {
+      margin: 0;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+      border-bottom-left-radius: 5px;
+      border-bottom-right-radius: 5px;
+    }
+  }
+  &-header {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    background-color: var(--code-block-header-color);
+    padding: 0.5em 0.8em;
+
+    .copy-btn {
+      background-color: transparent;
+      border: none;
+      border-radius: 4px;
+      padding: 0.25rem 0.5rem;
+      cursor: pointer;
+      font-size: 1.1em;
+      transition: color 0.2s ease;
+    }
+    .fa-clipboard, .fa-check {
+      color: var(--text-color);
+      opacity: .7;
+      &:hover {
+        opacity: 0.5;
+      }
+    }
+  }
+}
+
+.highlight {
+  padding: 5px;
+  padding-bottom: 0.25rem;
+  pre {
+    border-radius: 3px;
+    overflow-x: auto;
+    // padding-bottom: 1rem;
+    scrollbar-gutter: stable;
+    box-sizing: content-box;
+    margin: 0;
+
+    // Opcional: Firefox (apenas para aparência)
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-color) transparent;
+
+    /* estilizar o scrollbar (em navegadores que suportam) */
+    &::-webkit-scrollbar {
+      height: 10px;   /* altura do scroll horizontal */
+    }
+    &::-webkit-scrollbar-thumb {
+      background: var(--scrollbar-color);
+      border-radius: 6px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+  }
+  td.code, .code {
+    display: block;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    // padding-bottom: 1rem;
+    box-sizing: content-box;
+    scrollbar-gutter: stable;
+  }
+}
+
+/* Fallback: reserva extra invisível para navegadores que não obedecem padding + gutter */
+.highlight td.code::after,
+.highlight pre::after {
+  content: "";
+  display: block;
+  height: 12px;       /* altura reservada (aprox. altura do scrollbar) */
+  visibility: hidden; /* não aparece, apenas cria espaço */
+  pointer-events: none;
+}

data/_sass/includes/_index.scss

@@ -0,0 +1,9 @@
+@use "header";
+@use "rouge-light";
+@use "rouge-dark";
+@use "highlight";
+@use "footer";
+@use "terminal";
+@use "paginator";
+@use "maintenance";
+

data/_sass/includes/_maintenance.scss

@@ -0,0 +1,16 @@
+@use "../components/index";
+
+.maintenance {
+  &-gif {
+    @extend %gif_border;
+  }
+
+  &-title {
+    color: black;
+  }
+
+  &-subtitle {
+    color: #595959;
+    font-family: "Inconsolata", monospace !important;
+  }
+}

data/_sass/includes/_paginator.scss

@@ -0,0 +1,22 @@
+.blog-pagination {
+  margin-top: 50px;
+  .page-link {
+    border-radius: 0px;
+    border: none;
+    background-color: transparent;
+    color: var(--text-color);
+    &:hover, &:focus, &:active {
+      outline: none !important;
+      box-shadow: none !important;
+    }
+  }
+  &__newer, &__older {
+    color: var(--primary-color) !important;
+    &:hover {
+      color: var(--text-color) !important;
+    }
+  }
+  &__counter {
+    font-weight: bold;
+  }
+}

data/_sass/includes/_rouge-dark.scss

@@ -0,0 +1,81 @@
+[data-theme="dark"] {
+  .highlight {
+    background: #1e1e1e;
+    color: #f8f8f2;
+    overflow: auto;
+    // border-radius: 4px;
+    // padding: 10px 15px;
+  }
+
+  .highlight .hll { background-color: #404040; padding: 3px 0; } /* Mark the line */
+  .highlight .c { color: #88846f } /* Comment */
+  .highlight .err { color: #f92672 } /* Error */
+  .highlight .k { color: #ff79c6 } /* Keyword */
+  .highlight .l { color: #bd93f9 } /* Literal */
+  .highlight .n { color: #f8f8f2 } /* Name */
+  .highlight .o { color: #ff79c6 } /* Operator */
+  .highlight .p { color: #f8f8f2 } /* Punctuation */
+  .highlight .ch { color: #88846f } /* Comment.Hashbang */
+  .highlight .cm { color: #88846f } /* Comment.Multiline */
+  .highlight .cp { color: #ff79c6 } /* Comment.Preproc */
+  .highlight .cpf { color: #8be9fd } /* Comment.PreprocFile */
+  .highlight .c1 { color: #88846f } /* Comment.Single */
+  .highlight .cs { color: #ff79c6 } /* Comment.Special */
+  .highlight .gd { color: #ff1e1e; background-color: #ffa3a3; } /* Generic.Deleted */
+  .highlight .ge { font-style: italic } /* Generic.Emph */
+  .highlight .gh { color: #f8f8f2; font-weight: bold } /* Generic.Heading */
+  .highlight .gi { color: #0a3114; background-color: #caffc3; } /* Generic.Inserted */
+  .highlight .gp { color: #555555; font-weight: bold } /* Generic.Prompt */
+  .highlight .gs { font-weight: bold } /* Generic.Strong */
+  .highlight .gu { color: #8be9fd; font-weight: bold } /* Generic.Subheading */
+  .highlight .kc { color: #ff79c6 } /* Keyword.Constant */
+  .highlight .kd { color: #8be9fd; font-style: italic } /* Keyword.Declaration */
+  .highlight .kn { color: #ff79c6 } /* Keyword.Namespace */
+  .highlight .kp { color: #ff79c6 } /* Keyword.Pseudo */
+  .highlight .kr { color: #ff79c6 } /* Keyword.Reserved */
+  .highlight .kt { color: #8be9fd } /* Keyword.Type */
+  .highlight .ld { color: #f1fa8c } /* Literal.Date */
+  .highlight .m { color: #bd93f9 } /* Literal.Number */
+  .highlight .s { color: #f1fa8c } /* Literal.String */
+  .highlight .na { color: #50fa7b } /* Name.Attribute */
+  .highlight .nb { color: #f8f8f2 } /* Name.Builtin */
+  .highlight .nc { color: #50fa7b; font-weight: bold } /* Name.Class */
+  .highlight .no { color: #bd93f9 } /* Name.Constant */
+  .highlight .nd { color: #50fa7b; font-weight: bold } /* Name.Decorator */
+  .highlight .ni { color: #f8f8f2 } /* Name.Entity */
+  .highlight .ne { color: #50fa7b; font-weight: bold } /* Name.Exception */
+  .highlight .nf { color: #50fa7b } /* Name.Function */
+  .highlight .nl { color: #f8f8f2 } /* Name.Label */
+  .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
+  .highlight .nx { color: #50fa7b } /* Name.Other */
+  .highlight .py { color: #f8f8f2 } /* Name.Property */
+  .highlight .nt { color: #ff79c6 } /* Name.Tag */
+  .highlight .nv { color: #bd93f9 } /* Name.Variable */
+  .highlight .ow { color: #ff79c6; font-weight: bold } /* Operator.Word */
+  .highlight .w { color: #bbbbbb; background-color: transparent; } /* Text.Whitespace */
+  .highlight .mb { color: #bd93f9 } /* Literal.Number.Bin */
+  .highlight .mf { color: #bd93f9 } /* Literal.Number.Float */
+  .highlight .mh { color: #bd93f9 } /* Literal.Number.Hex */
+  .highlight .mi { color: #bd93f9 } /* Literal.Number.Integer */
+  .highlight .mo { color: #bd93f9 } /* Literal.Number.Oct */
+  .highlight .sa { color: #f1fa8c } /* Literal.String.Affix */
+  .highlight .sb { color: #f1fa8c } /* Literal.String.Backtick */
+  .highlight .sc { color: #f1fa8c } /* Literal.String.Char */
+  .highlight .dl { color: #f1fa8c } /* Literal.String.Delimiter */
+  .highlight .sd { color: #88846f } /* Literal.String.Doc */
+  .highlight .s2 { color: #f1fa8c } /* Literal.String.Double */
+  .highlight .se { color: #bd93f9 } /* Literal.String.Escape */
+  .highlight .sh { color: #f1fa8c } /* Literal.String.Heredoc */
+  .highlight .si { color: #f1fa8c } /* Literal.String.Interpol */
+  .highlight .sx { color: #f1fa8c } /* Literal.String.Other */
+  .highlight .sr { color: #50fa7b } /* Literal.String.Regex */
+  .highlight .s1 { color: #f1fa8c } /* Literal.String.Single */
+  .highlight .ss { color: #f1fa8c } /* Literal.String.Symbol */
+  .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
+  .highlight .fm { color: #50fa7b } /* Name.Function.Magic */
+  .highlight .vc { color: #bd93f9 } /* Name.Variable.Class */
+  .highlight .vg { color: #bd93f9 } /* Name.Variable.Global */
+  .highlight .vi { color: #bd93f9 } /* Name.Variable.Instance */
+  .highlight .vm { color: #bd93f9 } /* Name.Variable.Magic */
+  .highlight .il { color: #bd93f9 } /* Literal.Number.Integer.Long */
+}

data/_sass/includes/_rouge-light.scss

@@ -0,0 +1,121 @@
+/* Generate with command: rougify style github > _sass/rouge.scss */
+:root {
+  .highlight table td { padding: 5px; }
+  .highlight table pre { margin: 0; }
+  .highlight, .highlight .w {
+    color: #24292f;
+    background-color: #fbfbfb;
+    border-radius: 5px;
+  }
+  .highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
+    color: #cf222e;
+  }
+  .highlight .hll { background-color: #e1e1e1; padding: 3px 0; } /* Mark the line */
+  .highlight .gr {
+    color: #f6f8fa;
+  }
+  .highlight .gd {
+    color: #82071e;
+    background-color: #ffebe9;
+  }
+  .highlight .nb {
+    color: #953800;
+  }
+  .highlight .nc {
+    color: #953800;
+  }
+  .highlight .no {
+    color: #953800;
+  }
+  .highlight .nn {
+    color: #953800;
+  }
+  .highlight .sr {
+    color: #116329;
+  }
+  .highlight .na {
+    color: #116329;
+  }
+  .highlight .nt {
+    color: #116329;
+  }
+  .highlight .gi {
+    color: #116329;
+    background-color: #dafbe1;
+  }
+  .highlight .ges {
+    font-weight: bold;
+    font-style: italic;
+  }
+  .highlight .kc {
+    color: #0550ae;
+  }
+  .highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
+    color: #0550ae;
+  }
+  .highlight .sb {
+    color: #0550ae;
+  }
+  .highlight .bp {
+    color: #0550ae;
+  }
+  .highlight .ne {
+    color: #0550ae;
+  }
+  .highlight .nl {
+    color: #0550ae;
+  }
+  .highlight .py {
+    color: #0550ae;
+  }
+  .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
+    color: #0550ae;
+  }
+  .highlight .o, .highlight .ow {
+    color: #0550ae;
+  }
+  .highlight .gh {
+    color: #0550ae;
+    font-weight: bold;
+  }
+  .highlight .gu {
+    color: #0550ae;
+    font-weight: bold;
+  }
+  .highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
+    color: #0a3069;
+  }
+  .highlight .nd {
+    color: #8250df;
+  }
+  .highlight .nf, .highlight .fm {
+    color: #8250df;
+  }
+  .highlight .err {
+    color: #f6f8fa;
+    background-color: #82071e;
+  }
+  .highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
+    color: #6e7781;
+  }
+  .highlight .gl {
+    color: #6e7781;
+  }
+  .highlight .gt {
+    color: #6e7781;
+  }
+  .highlight .ni {
+    color: #24292f;
+  }
+  .highlight .si {
+    color: #24292f;
+  }
+  .highlight .ge {
+    color: #24292f;
+    font-style: italic;
+  }
+  .highlight .gs {
+    color: #24292f;
+    font-weight: bold;
+  }
+}

data/_sass/includes/_terminal.scss

@@ -0,0 +1,208 @@
+$font-size: 18px;
+
+@keyframes blink {
+  50% {
+    opacity: 0;
+  }
+}
+
+.terminal {
+  width: min(960px, 96%);
+  color: var(--terminal-color);
+  max-width: 1100px;
+  border-radius: 5px;
+  box-shadow: var(--terminal-shadow);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-height: 500px;
+  max-height: 500px;
+  background-color: var(--terminal-bg-color); // default: #040902
+  overflow-y: hidden;
+  border: 1px solid var(--terminal-border-color);
+  font-family: "Inconsolata", monospace !important;
+  // font-family: 'Consolas', 'Courier New', monospace !important;
+
+  &-fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 11px;
+    width: 100% !important;
+    height: auto !important;
+    max-height: none !important;
+    max-width: none !important;
+    border-radius: 0;
+    z-index: 100;
+  }
+
+  &-header {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    padding: 12px 16px;
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent);
+    border-bottom: 1px solid var(--terminal-header-border-bottom-color);
+    backdrop-filter: blur(2px);
+    z-index: 2;
+
+    &__btn {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) inset;
+      z-index: 3;
+    }
+
+    &__close {
+      background-color: var(--terminal-btn-close-bg-color);
+      z-index: 9999;
+    }
+
+    &__min {
+      background-color: var(--terminal-btn-min-bg-color);
+    }
+
+    &__max {
+      background-color: var(--terminal-btn-max-bg-color);
+      cursor: pointer;
+    }
+
+    &__title {
+      flex: 1;
+      text-align: center;
+      font-size: 13px;
+      color: var(--terminal-title-color);
+      margin-left: -11.5%;
+    }
+  }
+
+  &-screen {
+    overflow-y: auto;
+    font-weight: bold;
+    padding: 10px 4px;
+    letter-spacing: 2px;
+    text-transform: var(--terminal-screen-text-transform);
+    text-shadow: var(--terminal-screen-text-shadow);
+
+    &::after {
+      content: "";
+      z-index: 1;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      background: var(--terminal-screen-after-bg-color);
+      background-size: 100% 4px;
+      opacity: 0.7;
+    }
+
+    .line-wrapper {
+      font-size: $font-size;
+      margin: 10px 0px;
+      color: var(--text-color);
+
+      #mcmd,
+      #mdesc {
+        font-weight: bold;
+        // border-bottom: 1px solid #fff;
+        margin-bottom: 10px;
+      }
+
+      #mcmd {
+        margin-right: 130px;
+      }
+
+      a {
+        color: var(--terminal-screen-link-color) !important;
+
+        &:hover {
+          color: var(--text-color) !important;
+        }
+      }
+    }
+
+    .line {
+      white-space: pre;
+      display: flex;
+      align-items: center;
+      font-size: $font-size;
+      line-height: 1.4;
+    }
+
+    .prompt {
+      // margin-top: .2em;
+      color: var(--terminal-prompt-text-color);
+      font-size: $font-size;
+      margin-right: 8px;
+    }
+
+    .input-wrapper {
+      position: relative;
+      display: inline-block;
+      flex: 1;
+      min-width: 50px;
+
+      span {
+        font-size: $font-size;
+      }
+    }
+
+    .input {
+      background: transparent;
+      border: none;
+      outline: none;
+      font-size: $font-size;
+      color: var(--terminal-prompt-text-color);
+      caret-color: transparent;
+      /* esconder caret real */
+      width: 100%;
+      padding: 0;
+      margin: 0;
+      line-height: 1.4;
+      white-space: nowrap;
+      letter-spacing: 2px;
+      text-transform: var(--terminal-screen-text-transform);
+      text-shadow: var(--terminal-screen-text-shadow);
+      font-weight: bold;
+    }
+
+    .measure {
+      position: absolute;
+      top: 0;
+      left: 0;
+      visibility: hidden;
+      white-space: pre;
+      font-size: $font-size;
+      line-height: 1.4;
+      pointer-events: none;
+    }
+
+    .cursor {
+      position: absolute;
+      top: 3px;
+      left: 0;
+      width: 9px;
+      height: 18px;
+      background-color: var(--terminal-cursor-color);
+      border-radius: 2px;
+      animation: blink 1s steps(2, end) infinite;
+      pointer-events: none;
+      transform: translateY(0.2px);
+      z-index: 2;
+    }
+
+    .scanlines {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      background-image: repeating-linear-gradient(180deg, rgba(0, 255, 0, 0.01) 0 1px, transparent 1px 3px);
+      mix-blend-mode: overlay;
+      opacity: 0.45;
+      z-index: 5;
+    }
+  }
+}

data/_sass/layouts/_blog.scss

@@ -0,0 +1,96 @@
+@use "../components/index";
+
+.blog {
+  // TODO: version: 0.2.0 - Create background light
+  // box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+  // border: 1px solid #ddd;
+  // background-color: white;
+  // padding: 20px 10px;
+
+  &-subtitle {
+    font-size: 1.05rem;
+    font-weight: bold;
+    margin: 0px 0px 10px 0px;
+  }
+
+  &-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+
+    li {
+      margin: 5px 0px;
+
+      @media (max-width: 578px) {
+        line-height: 1.5rem;
+      }
+    }
+
+    &__item {
+      .draft-badge {
+        @extend %draft-badge;
+      }
+    }
+
+    &__meta {
+      display: inline-block;
+      min-width: 100px !important;
+      font-family: "SUSE Mono", sans-serif;
+      font-optical-sizing: auto;
+      font-style: normal;
+      line-height: 1rem;
+      color: var(--text-muted-color);
+
+      @media (max-width: 578px) {
+        display: none;
+      }
+    }
+
+    &__link {
+      text-transform: none !important;
+      font-weight: bold;
+      text-decoration: underline;
+    }
+  }
+
+  &-search {
+    display: block;
+    max-height: 0;
+    opacity: 0;
+    overflow: hidden;
+    transition: max-height 400ms ease, opacity 300ms ease;
+    pointer-events: none;
+
+    &.is-open {
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    &__wapper {
+      display: flex;
+      align-items: center;
+      gap: 0;
+      margin: 0px 0px 35px 0px;
+
+      .blog-search__input {
+        flex: 1;
+        padding: 0.5rem;
+        color: var(--text-color);
+        width: 100%;
+        box-shadow: none;
+        border: none;
+        border-radius: 4px 0 0 4px;
+        border-bottom: 1px solid var(--text-color);
+        outline: none;
+        border-radius: 0px;
+        background-color: transparent;
+        height: auto;
+      }
+
+      .blog-search__btn-clean {
+        @extend %button;
+      }
+
+    }
+  }
+}

data/_sass/layouts/_contact.scss

@@ -0,0 +1,55 @@
+@use "../components/index";
+
+#contactMessageModal {
+
+  .modal-content,
+  .modal-header,
+  .modal-body {
+    border-radius: .1em !important;
+  }
+
+  .modal-content {
+    border: 1px solid var(--text-color);
+
+    .modal-body {
+      background-color: var(--bg-color);
+      color: var(--text-color);
+    }
+  }
+}
+
+.contact {
+  // box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+  // border: 1px solid #ddd;
+  // background-color: white;
+  // padding: 20px 40px;
+
+  @extend %markdown;
+
+  &-message-error .modal-header {
+    background-color: #f8d7da;
+    color: #842029;
+    border-bottom: 1px solid #f5c2c7;
+  }
+
+  &-message-warning .modal-header {
+    background-color: #e7e7d1;
+    color: #7e760d;
+    border-bottom: 1px solid #e7e7d1;
+  }
+
+  &-message-success .modal-header {
+    background-color: #d1e7dd;
+    color: #0f5132;
+    border-bottom: 1px solid #badbcc;
+  }
+
+  &-form {
+    @extend %form;
+
+    &__name,
+    &__help {
+      margin-bottom: 50px;
+    }
+  }
+}

data/_sass/layouts/_default.scss

@@ -0,0 +1,14 @@
+.default {
+  margin: 0 auto;
+  transition: transform 0.3s ease;
+
+  .content {
+    margin-bottom: 30px !important;
+  }
+
+  .content code,
+  .content pre {
+    text-transform: none !important;
+  }
+
+}