Changelog-base/index.html at main · daesdev/Changelog-base · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!doctype html>
<html lang="es">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Changelog MD</title>
  <meta name="description"
    content="Changelog MD es una sitio que te permite copiar un archivo base de cambios para tus proyectos de software." />
  <link rel="stylesheet" href="pico.min.css" />
  <link rel="stylesheet" href="main.css" />
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  <script type="module" src="zero-md.min.js?register"></script>
</head>

<body>
  <div class="bg-gradient"></div>
  <div class="mask-circle"></div>
  <div class="mask-circle mask-circle--bottom"></div>
  <header class="section section-header section--cont-center section--borer-bottom">
    <h1 class="text-fest">
      Changelog <span class="text-fest--border">MD</span>
    </h1>
  </header>
  <section class="section section--ligth section--container">
    <!-- <button class="button"> copiar </button> -->
    <div class="md-content">
      <zero-md src="changelog.md">
        <template>
          <!-- KaTeX styles (needed for math) -->
          <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0/dist/katex.min.css" />
        </template>
        <template data-append>
          <style>
            h1 {
              background: linear-gradient(to right,
                  var(--color-secondary),
                  var(--color-tertiary),
                  var(--color-primary));
              background-clip: text;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;

              &:first-child {
                margin-top: 4px;
              }
            }

            p {
              color: var(--color-text, #e6e6e6);
              line-height: 1.2;
              text-wrap-style: pretty;
              margin-block: 0.7em;
            }

            a {
              color: var(--color-primary);
              text-decoration: underline;
            }
          </style>
        </template>
      </zero-md>
    </div>
  </section>
  <footer class="section">
    <span class="liked">
      Con cariño desde un rincón de
      <svg version="1.1" width="15px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px" y="0px" viewBox="0 0 64 42" xml:space="preserve">
        <path fill="#FFFFFF"
          d="M5.8,0h52.3C61.4,0,64,2.6,64,5.7v30.6c0,3.2-2.6,5.7-5.8,5.7H5.8 C2.6,42,0,39.4,0,36.3V5.7C0,2.6,2.6,0,5.8,0z" />
        <path fill="#D42E12" d="M0,36.3C0,39.4,2.6,42,5.8,42h52.4c3.2,0,5.8-2.5,5.8-5.7V21H0V36.3z" />
        <path fill="#0034A8" d="M21,0H5.8C2.6,0,0,2.6,0,5.7V21h21V0z" />
        <polygon fill="#FFFFFF"
          points="10.8,4.9 12.3,9.8 17.4,9.8 13.3,12.7 14.9,17.6 10.8,14.6 6.6,17.6 8.2,12.7 4.1,9.8 9.2,9.8 " />
      </svg>
      por <a href="https://daes.dev" class="text-fest text-fest--link-xs">daesdev</a>
    </span>
    <section class="section__nav section__nav--fixed-center">
      <a href="https://daes.dev" target="_blank" rel="noopener noreferrer" class="text-default section__nav-a">
        <img class="img img--circle-icon" width="20px" height="20px" src="me.png" alt="Dario Espinoza Portfolio" />
      </a>
      <a href="https://github.com/daesdev/Changelog-base" target="_blank" rel="noopener noreferrer"
        class="text-default section__nav-a" style="margin-top: 2px">
        <svg aria-hidden="true" focusable="false" viewBox="0 0 16 16" width="26.5px" height="26.5px" fill="currentColor"
          display="inline-block" overflow="visible" style="vertical-align: text-bottom">
          <path
            d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z">
          </path>
        </svg>
      </a>
      <a href="https://github.com/daesdev" target="_blank" rel="noopener noreferrer" class="text-default section__nav-a"
        style="margin-top: -1px">
        <svg aria-hidden="true" viewBox="0 0 24 24" version="1.1" width="30.5px" height="30.5px"
          data-view-component="true">
          <path fill="currentColor"
            d="M12 1C5.9225 1 1 5.9225 1 12C1 16.8675 4.14875 20.9787 8.52125 22.4362C9.07125 22.5325 9.2775 22.2025 9.2775 21.9137C9.2775 21.6525 9.26375 20.7862 9.26375 19.865C6.5 20.3737 5.785 19.1912 5.565 18.5725C5.44125 18.2562 4.905 17.28 4.4375 17.0187C4.0525 16.8125 3.5025 16.3037 4.42375 16.29C5.29 16.2762 5.90875 17.0875 6.115 17.4175C7.105 19.0812 8.68625 18.6137 9.31875 18.325C9.415 17.61 9.70375 17.1287 10.02 16.8537C7.5725 16.5787 5.015 15.63 5.015 11.4225C5.015 10.2262 5.44125 9.23625 6.1425 8.46625C6.0325 8.19125 5.6475 7.06375 6.2525 5.55125C6.2525 5.55125 7.17375 5.2625 9.2775 6.67875C10.1575 6.43125 11.0925 6.3075 12.0275 6.3075C12.9625 6.3075 13.8975 6.43125 14.7775 6.67875C16.8813 5.24875 17.8025 5.55125 17.8025 5.55125C18.4075 7.06375 18.0225 8.19125 17.9125 8.46625C18.6138 9.23625 19.04 10.2125 19.04 11.4225C19.04 15.6437 16.4688 16.5787 14.0213 16.8537C14.42 17.1975 14.7638 17.8575 14.7638 18.8887C14.7638 20.36 14.75 21.5425 14.75 21.9137C14.75 22.2025 14.9563 22.5462 15.5063 22.4362C19.8513 20.9787 23 16.8537 23 12C23 5.9225 18.0775 1 12 1Z">
          </path>
        </svg>
      </a>
    </section>
  </footer>
</body>

</html>