oranda 0.6.5

🎁 generate beautiful landing pages for your projects
Documentation 
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap");

html.hacker {
  --light-highlight-bg-color: var(--dark-highlight-bg-color);
  --light-highlight-fg-color: var(--dark-highlight-fg-color);
  --hacker-green: #20c20e;
}

html.hacker ::selection {
  @apply text-axo-black;
  background-color: #20c20e;
}

html.hacker body {
  @apply bg-axo-black text-slate-300;
  font-family: "IBM Plex Mono", monospace;
}

html.hacker .button.secondary {
  @apply text-slate-300 border-orange-500 hover:bg-orange-500 hover:text-axo-black;
}

html.hacker h2,
html.hacker h3,
html.hacker h4,
html.hacker h5,
html.hacker h6 {
  @apply text-violet-600;
}

html.hacker .repo_banner > a,
html.hacker footer {
  color: var(--light-color);
  @apply py-2;
}

html.hacker p,
html.hacker table {
  @apply text-slate-300;
}

html.hacker .title {
  @apply text-left relative inline-block ml-8;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

html.hacker .title:after {
  content: "";
  height: 70px;
  background: var(--hacker-green);
  animation: blink-animation 1s steps(5, start) infinite;
  @apply block absolute left-full ml-3 w-4 top-3;
}

html.hacker .title::before {
  content: "> ";
  @apply block text-gray-800 text-5xl absolute top-1/2 -translate-y-1/2 -left-8 mt-2;
}

html.hacker .title,
html.hacker div.table .th,
html.hacker h1 {
  color: var(--hacker-green);
}

html.hacker a {
  @apply text-orange-500 hover:decoration-orange-500;
}

html.hacker .axo-gradient {
  background: -webkit-linear-gradient(
    left,
    var(--hacker-green),
    var(--color-green-600),
    var(--hacker-green)
  );
}

html.hacker .nav ul {
  @apply justify-start;
}

html.hacker .button.primary {
  @apply text-axo-black bg-orange-500 hover:bg-orange-600 border-transparent;
}

html.hacker .artifact-header > h4 {
  @apply text-left;
  color: var(--light-color);
}

html.hacker .releases-nav ul li a {
  @apply text-slate-200;
}

html.hacker .releases-nav ul li:before {
  @apply bg-gray-600;
}

html.hacker .releases-nav ul {
  @apply border-l-gray-600;
}

html.hacker .prereleases-toggle input:checked {
  @apply bg-orange-500;
}

html.hacker .releases-nav ul li a {
  @apply hover:decoration-orange-500;
}

html.hacker .funding-wrapper {
  @apply items-start;
}

html.hacker .artifacts {
  @apply p-8;
}

html.hacker .published-date {
  @apply block w-full;
}

html.hacker .logo {
  @apply block m-0;
}