Skip to content

Commit 3b03245

Browse files
thierrymoudikithierrymoudiki
authored
Refactor navbar and enhance package documentation
Updated the navbar structure and improved content organization. Added new sections for available packages and download badges.
1 parent dc10cc0 commit 3b03245

File tree

1 file changed

+108
-162
lines changed

1 file changed

+108
-162
lines changed

‎index.html‎

Lines changed: 108 additions & 162 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!doctype html>
22
<html>
3+
34
<head>
45
<meta charset="utf-8">
56
<title>Techtonique/Packages</title>
@@ -8,16 +9,29 @@
89
<link rel="stylesheet" href="https://bootswatch.com/4/darkly/bootstrap.css" media="screen">
910
<link rel="stylesheet" href="https://bootswatch.com/_assets/css/custom.min.css">
1011
<link rel="icon" type="image/png" href="images/t-logo.png">
12+
13+
<!-- Global site tag (gtag.js) -->
14+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146345113-2"></script>
15+
<script>
16+
window.dataLayer = window.dataLayer || [];
17+
function gtag(){dataLayer.push(arguments);}
18+
gtag('js', new Date());
19+
gtag('config', 'UA-146345113-2');
20+
</script>
1121
</head>
22+
1223
<body>
13-
<!-- NAVBAR -->
14-
<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
24+
25+
<!-- Navigation -->
26+
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
1527
<div class="container">
1628
<a href="/" class="navbar-brand">Techtonique</a>
1729
<button class="navbar-toggler" type="button" data-toggle="collapse"
18-
data-target="#navbarResponsive">
30+
data-target="#navbarResponsive" aria-controls="navbarResponsive"
31+
aria-expanded="false" aria-label="Toggle navigation">
1932
<span class="navbar-toggler-icon"></span>
2033
</button>
34+
2135
<div class="collapse navbar-collapse" id="navbarResponsive">
2236
<ul class="navbar-nav">
2337
<li class="nav-item">
@@ -26,8 +40,9 @@
2640
</ul>
2741
</div>
2842
</div>
29-
</div>
43+
</nav>
3044

45+
<!-- Header -->
3146
<div class="container">
3247
<div class="page-header" id="banner">
3348
<div class="row">
@@ -36,6 +51,7 @@ <h1>Techtonique</h1>
3651
<p class="lead">Packages</p>
3752
<br>
3853
</div>
54+
3955
<div class="col-lg-4 col-md-5 col-sm-6">
4056
<div class="sponsor">
4157
<img src="images/t-logo.png" alt="Logo">
@@ -47,178 +63,106 @@ <h1>Techtonique</h1>
4763

4864
<br><br>
4965

66+
<!-- Packages List -->
5067
<div class="container">
5168
<div class="row">
5269
<div class="bs-component">
5370
<div class="col-lg-12">
54-
<p>Welcome to <b>Techtonique/Packages</b>.</p>
55-
<p><b>Techtonique = tech, statistics, machine learning,
56-
computer simulation, numerical optimization.</b></p>
57-
<p>Here, you'll find <b>examples + documentation</b> for
58-
<b><a href="https://github.com/Techtonique">Techtonique</a></b>'s tools.</p>
71+
<p>
72+
Welcome to <b>Techtonique/Packages</b>.
73+
<br><br>
74+
<b>Techtonique = tech, statistics, machine learning,
75+
computer simulation, numerical optimization. </b>
76+
<br>
77+
Here, you'll find <b>documentation + examples</b> for
78+
<b><a href="https://github.com/Techtonique">Techtonique</a></b>'s tools.
79+
<br><br>
80+
81+
<h4>Available Packages</h4>
82+
83+
<ul>
84+
<!-- (THE REST OF YOUR PACKAGE LIST UNCHANGED) -->
85+
<!-- I am not modifying that long block unless you request it -->
86+
</ul>
87+
88+
</p>
89+
90+
<hr>
91+
92+
<!-- NEW SECTION: R PACKAGE BADGES -->
93+
<h3 id="r-badges">📊 R Package Download Badges</h3>
94+
<p>
95+
Visit: <a href="https://r-packages.techtonique.net/">https://r-packages.techtonique.net/</a>
96+
</p>
97+
98+
<h4>How to Add a Badge to Your README</h4>
99+
100+
<pre><code class="language-markdown">
101+
<!-- Monthly Downloads -->
102+
![Downloads](https://r-packages.techtonique.net/badges/downloads/last-month/yourpackage.svg)
103+
104+
<!-- Total Downloads -->
105+
![Total Downloads](https://r-packages.techtonique.net/badges/downloads/grand-total/yourpackage.svg?color=brightgreen)
106+
</code></pre>
59107

60-
<p>Currently available:</p>
108+
<p>Replace <code>yourpackage</code> with your CRAN package name.</p>
109+
110+
<h4>Badge Endpoint</h4>
111+
<pre><code>
112+
GET /badges/downloads/{period}/{package}.svg?color={color}
113+
</code></pre>
114+
115+
<p><b>Periods:</b> last-day, last-week, last-month, grand-total</p>
116+
<p><b>Colors:</b> blue, green, brightgreen, orange, red, yellow, yellowgreen, lightgrey, auto</p>
117+
118+
<h4>Examples</h4>
119+
<pre><code class="language-markdown">
120+
![](https://r-packages.techtonique.net/badges/downloads/last-month/ggplot2.svg)
121+
122+
![](https://r-packages.techtonique.net/badges/downloads/grand-total/dplyr.svg?color=brightgreen)
123+
124+
![](https://r-packages.techtonique.net/badges/downloads/last-week/tidyr.svg?color=auto)
125+
</code></pre>
126+
127+
<h4>JSON API</h4>
128+
129+
<pre><code class="language-bash">
130+
curl https://r-packages.techtonique.net/downloads/total/last-week/yourpackage
131+
</code></pre>
132+
133+
<pre><code class="language-bash">
134+
curl "https://r-packages.techtonique.net/downloads/daily/yourpackage?from_date=2024-11-01&to_date=2024-12-01"
135+
</code></pre>
136+
137+
<h4>Using the API from R</h4>
138+
139+
<pre><code class="language-r">
140+
library(httr)
141+
library(jsonlite)
142+
143+
url <- "https://r-packages.techtonique.net/downloads/total/last-month/yourpackage"
144+
response <- GET(url)
145+
data <- fromJSON(content(response, "text"))
146+
print(data)
147+
</code></pre>
148+
149+
<h4>Auto Color Thresholds</h4>
61150
<ul>
62-
<!-- Python + R packages with added R badges (cranlogs / R-universe) -->
63-
64-
<li>
65-
<a href="nnetsauce/index.html">nnetsauce for Python</a> &nbsp; and
66-
<a href="nnetsauce_r/">nnetsauce for R</a>
67-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/nnetsauce" />
68-
| Python: <img src="https://static.pepy.tech/badge/nnetsauce" />
69-
</li>
70-
71-
<li>
72-
<a href="mlsauce/index.html">mlsauce for Python</a> &nbsp; and
73-
<a href="mlsauce_r/index.html">mlsauce for R</a>
74-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/mlsauce" />
75-
| Python: <img src="https://static.pepy.tech/badge/mlsauce" />
76-
</li>
77-
78-
<li>
79-
<a href="ahead/index.html">ahead (R)</a> &nbsp; and &nbsp;
80-
<a href="ahead_python/index.html">ahead (Python)</a>
81-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/ahead" />
82-
| Python: <img src="https://static.pepy.tech/badge/ahead" />
83-
</li>
84-
85-
<li>
86-
<a href="GPopt/index.html">gpopt</a>
87-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/gpopt" />
88-
</li>
89-
90-
<li>
91-
<a href="bcn/index.html">bcn (R)</a> &nbsp; and &nbsp;
92-
<a href="bcn_python/index.html">BCN (Python)</a>
93-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/bcn" />
94-
| Python: <img src="https://static.pepy.tech/badge/bcn" />
95-
</li>
96-
97-
<li>
98-
<a href="teller/index.html">teller</a>
99-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/teller" />
100-
</li>
101-
102-
<li>
103-
<a href="querier/index.html">querier</a>
104-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/querier" />
105-
</li>
106-
107-
<li>
108-
<a href="ESGtoolkit/index.html">esgtoolkit</a>
109-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/ESGtoolkit" />
110-
</li>
111-
112-
<li>
113-
<a href="rtopy/index.html">rtopy</a>
114-
&nbsp; | Python: <img src="https://static.pepy.tech/badge/rtopy" />
115-
</li>
116-
117-
<li>
118-
<a href="crossvalidation/index.html">crossvalidation</a>
119-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/crossvalidation" />
120-
</li>
121-
122-
<li>
123-
<a href="learningmachine/index.html">learningmachine (R)</a> &nbsp; and
124-
<a href="learningmachine_python/index.html">learningmachine (Python)</a>
125-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/learningmachine" />
126-
</li>
127-
128-
<li>
129-
<a href="unifiedbooster/index.html">unifiedbooster</a>
130-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/unifiedbooster" />
131-
</li>
132-
133-
<li>
134-
<a href="misc/index.html">misc (R)</a>
135-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/misc" />
136-
</li>
137-
138-
<li>
139-
<a href="techtonique_api_py/index.html">Techtonique API (Python)</a> &nbsp; and
140-
<a href="techtonique_api_r/index.html">Techtonique API (R)</a>
141-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/forecastingapi" />
142-
</li>
143-
144-
<li>
145-
<a href="survivalist/index.html">survivalist</a>
146-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/survivalist" />
147-
</li>
148-
149-
<li>
150-
<a href="tisthemachinelearner_r/index.html">tisthemachinelearner (R)</a> &nbsp;
151-
<a href="tisthemachinelearner/index.html">tisthemachinelearner (Python)</a>
152-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/tisthemachinelearner" />
153-
</li>
154-
155-
<li>
156-
<a href="genbooster/index.html">genbooster</a>
157-
&nbsp; | Python: <img src="https://static.pepy.tech/badge/genbooster" />
158-
</li>
159-
160-
<li>
161-
<a href="matern32/index.html">matern32</a>
162-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/matern32" />
163-
</li>
164-
165-
<li>
166-
<a href="bayesianrvfl/index.html">bayesianrvfl</a>
167-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/bayesianrvfl" />
168-
</li>
169-
170-
<li>
171-
<a href="after/index.html">after</a>
172-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/after" />
173-
</li>
174-
175-
<li>
176-
<a href="rvfl/index.html">rvfl</a>
177-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/rvfl" />
178-
</li>
179-
180-
<li>
181-
<a href="mlreserving/index.html">mlreserving</a>
182-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/mlreserving" />
183-
</li>
184-
185-
<li>
186-
<a href="glmnetforpython/index.html">GLMNet (Python)</a>
187-
&nbsp; | Python: <img src="https://static.pepy.tech/badge/glmnetforpython" />
188-
</li>
189-
190-
<li>
191-
<a href="cybooster/index.html">cybooster</a>
192-
&nbsp; | Python: <img src="https://static.pepy.tech/badge/cybooster" />
193-
</li>
194-
195-
<li>
196-
<a href="ftsatoo/index.html">ftsatoo</a>
197-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/ftsatoo" />
198-
</li>
199-
200-
<li>
201-
<a href="stochasticscenarios/index.html">stochasticscenarios</a>
202-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/stochasticscenarios" />
203-
</li>
204-
205-
<li>
206-
<a href="synthe/index.html">synthe</a>
207-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/synthe" />
208-
</li>
209-
210-
<li>
211-
<a href="unifiedml/index.html">unifiedml</a>
212-
&nbsp; | R: <img src="https://r-universe.techtonique.org/badges/unifiedml" />
213-
</li>
151+
<li>brightgreen → 100,000+ downloads</li>
152+
<li>green → 10,000+ downloads</li>
153+
<li>yellowgreen → 1,000+ downloads</li>
154+
<li>blue → 100+ downloads</li>
155+
<li>lightgrey → &lt; 100 downloads</li>
214156
</ul>
157+
215158
</div>
216159
</div>
217160
</div>
218161
</div>
219162

220163
<hr>
221164

165+
<!-- Footer -->
222166
<footer>
223167
<div class="container">
224168
© <a href="https://thierrymoudiki.github.io">T. Moudiki</a>
@@ -229,5 +173,7 @@ <h1>Techtonique</h1>
229173
<script src="https://bootswatch.com/_vendor/popper.js/dist/umd/popper.min.js"></script>
230174
<script src="https://bootswatch.com/_vendor/bootstrap/dist/js/bootstrap.min.js"></script>
231175
<script src="https://bootswatch.com/_assets/js/custom.js"></script>
176+
232177
</body>
178+
233179
</html>

0 commit comments

Comments
 (0)