-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (129 loc) · 3.86 KB
/
index.html
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
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ml-notes</title>
</head>
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@100&display=swap" rel="stylesheet">
<style>
body{
font-family: 'Archivo', sans-serif;
}
.outer_div{
width: 80%;
margin: auto;
padding: 40px;
background-color: white;
border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
overflow-x: hidden;
}
h1, footer{
/* padding: 50px; */
margin-left: 20px;
padding-top:50px
}
footer{
font-size: small;
}
.active, .collapsible:hover {
background-color: #555;
}
.collapsible {
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
margin-top: 10px;
}
.content {
padding: 0 18px;
max-height: 0;
overflow: scroll;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}
/* MOBILE RESPONSIVENESS */
@media screen and (max-width: 400px) {
.outer_div{
width: 80%;
margin: auto;
padding: 20px;
background-color: white;
border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
overflow-x: hidden;
}
}
</style>
<body>
<h1>
Machine Learning Notes
</h1>
<div class="outer_div">
<div class="mlflow">
<button class="collapsible">
MLflow
</button>
<div class="content">
<p>
It is an open source platform for tracking machine learning experiments.<br>
A machine learning experiment are those activities that are taken when building a model.<br>
This involves data loading, preprocessing, transformation, model parameters, duration of model training, the model
itself, etc. <br>
<p>In order to keep track of these details, it's a better practice to use tools like <a
href="https://www.mlflow.org/" style="text-decoration: none;">mlflow</a>.</p>
<p>The notes below could be a guide on how to get started with mlflow in your Jupyter Notebooks. It covers saving to
mlflow and collecting stored artifacts from mlflow</p>
<ul>
<li><a href="mlflow/introduction-to-experiment-tracking-with-mlflow.html">Introduction to Experiment Tracking with
MLflow</a></li><br>
<li><a href="mlflow/model-deployment.html">Model deployment: Reloading model artifacts from MLflow</a></li>
</ul>
</p>
</div>
</div>
<div class="other_stuff">
<button class="collapsible">
Some Other Stuff
</button>
<div class="content">
<p>
This contains random things I learnt while debugging. <br>
It's not topic specific
<ul>
<li>Use <b>jupyter nbconvert notebook.ipynb --to html --template classic</b> when converting notebook to mobile responsive html</li><br>
<li><a href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token">Helpful link for GitHub authentication:</a> All you need is to paste the PAT</li>
</ul>
</p>
</div>
</div>
</div>
<footer>
This material is open to the public for learning and teaching purposes.<br><br>
<small>© Copyright 2022 Sharon Ibejih. All rights reserved.</small>
</footer>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function () {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight) {
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
</body>
</html>