Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit003d801

Browse files
authored
Merge pull requestopen-source-labs#94 from oslabs-beta/austin-css
feat: styling changex
2 parents33849ad +0263fb2 commit003d801

File tree

4 files changed

+31
-18
lines changed

4 files changed

+31
-18
lines changed

‎mlflow-site/src/app/components/Demo.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@ import DemoCard from "./DemoCard";
33
constDemo=()=>{
44
constdemos=[];
55
constdemoCardHeaders=[
6-
'Demo 1',
7-
'Demo 2',
6+
'Manage experiments',
7+
'Complete workflow',
88
];
99
constdemoCardBlurbs=[
10-
'Description for what\'s happening in Demo 1. This block of text will contain all the info needed to understand the demo.',
11-
'Description for what\'s happening in Demo 2. This block of text will contain all the info needed to understand the demo.',
10+
'Create experiments with MLflow.js. Using built-in workflows, manage complex operations easily.',
11+
'Use MLflow.js to support a full ML project with TensorFlow.js. Log hyperparameters and key metrics during each training step. Evaluate model performance and register succesful models.',
1212
];
1313
constdemoCardVideos=[
1414
'https://player.vimeo.com/video/1023585657',

‎mlflow-site/src/app/components/Features.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,20 @@ import FeatureCard from "./FeatureCard";
33
constFeatures=()=>{
44
constfeatureHeader='MLOps in Javascript, made simple.';
55
constfeatureLongBlurb=`
6-
Longer blurb about MLFlow.js\'s feature set. Longer blurb about MLFlow.js\'s feature set. Longer blurb about MLFlow.js\'sfeature set. Longer blurb about MLFlow.js\'s feature set. Longer blurb about MLFlow.js\'s feature set. Longer blurb about MLFlow.js\'s feature set.
6+
MLflow.js makes ML experimentation and model management seamless for JavaScript developers. Built with TypeScript, it provides intuitive access to MLflow\'scomplete REST API while adding powerful abstractions for common ML workflows. Whether you\'re training models with TensorFlow.js, managing A/B tests, or monitoring production models, MLflow.js helps you track everything in one place.
77
`;
88
constcards=[];
99
constfeatureCardHeaders=[
10-
'Feature 1',
11-
'Feature 2',
12-
'Feature 3',
13-
'Feature 4',
10+
'Effortless integration',
11+
'Streamlined MLOps',
12+
'For the modern web developer',
13+
'Dive deeper',
1414
];
1515
constfeatureCardBlurbs=[
16-
'Feature Card Blurb 1. Feature Card Blurb 1. Feature Card Blurb 1. Feature Card Blurb 1. Feature Card Blurb 1. Feature Card Blurb 1. Feature Card Blurb 1. Feature Card Blurb 1.',
17-
'Feature Card Blurb 2. Feature Card Blurb 2.Feature Card Blurb 2. Feature Card Blurb 2.',
18-
'Feature Card Blurb 3. Feature Card Blurb 3. Feature Card Blurb 3. Feature Card Blurb 3.',
19-
'Feature Card Blurb 4. Feature Card Blurb 4. Feature Card Blurb 4. Feature Card Blurb 4.'
16+
'Connect your JavaScript stack directly to MLflow with minimal setup.',
17+
'Automate key MLOps tasks directly from Node.js, simplifying workflow management.Manage experiments, runs, model registry and model version management with dedicated methods.',
18+
'Designed specifically for JavaScript developers: no Python knowledge required.',
19+
'Execute complex MLOps tasks with a single function call with MLflow.js\'s powerful built-in workflows.'
2020

2121
];
2222
for(leti=0;i<4;i++){

‎mlflow-site/src/app/documentation/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ export default function Documentation() {
145145
},
146146
{
147147
name:'Set Experiment Tag',
148-
description:'Setsa tag on an experiment.',
148+
description:'Sets1 or more tags on an experiment.',
149149
requestProps:[
150150
{
151151
name:'experiment_id',

‎mlflow-site/src/app/globals.css‎

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@importurl('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
12
@tailwind base;
23
@tailwind components;
34
@tailwind utilities;
@@ -91,7 +92,7 @@ body {
9192

9293
.mlflow-logo {
9394
width:clamp(4rem,17.72vw,9rem);
94-
height:clamp(2rem,8.86vw,2.4rem);
95+
height:auto;
9596
}
9697

9798
.navBarLinks {
@@ -145,13 +146,17 @@ body {
145146
}
146147

147148
.bigHeadline {
148-
font-size:clamp(1.7rem,6.531vw,6.25rem);
149+
font-size:clamp(1.7rem,6.531vw,5.25rem);
150+
margin-top:7vw;
149151
font-family: Newsreader;
152+
align-self: center;
150153
}
151154

152155
.headLineText {
153156
font-size:clamp(1.1rem,4.873vw,2.25rem);
154-
margin-bottom:1rem;
157+
margin-bottom:2vw;
158+
font-family: Newsreader;
159+
align-self: center;
155160
}
156161

157162
.mobileInnerWrapper {
@@ -188,7 +193,7 @@ body {
188193
padding-top:clamp(0.375rem,1.66125vw,0.65625rem);
189194
padding-bottom:clamp(0.375rem,1.66125vw,0.65625rem);
190195
border-radius:clamp(0.3125rem,1.384375vw,0.546875rem);
191-
font-size:clamp(0.8rem,3.544vw,2rem);
196+
font-size:clamp(0.7rem,3vw,1.8rem);
192197
}
193198

194199
.homeButton:hover {
@@ -198,6 +203,7 @@ body {
198203
.homeButtonDownload {
199204
background-color:rgb(66,107,31);
200205
margin-right:8px;
206+
margin-bottom:5vw;
201207
}
202208

203209
.homeButtonRead {
@@ -222,16 +228,19 @@ body {
222228
color: black;
223229
background-color: white;
224230
margin-top:clamp(1rem,4.43vw,3rem);
231+
font-family: Inter;
225232
}
226233

227234
.featureHeader {
228235
font-size:clamp(1.3rem,5.759vw,3rem);
229236
margin-bottom:0.5rem;
237+
font-family: Inter;
230238
}
231239

232240
.featureLongBlurb {
233241
font-size:clamp(1rem,4.43vw,1.5rem);
234242
margin-bottom:0.5rem;
243+
font-family: Inter;
235244
}
236245

237246
.featureCard {
@@ -243,14 +252,17 @@ body {
243252
grid-template-rows: min-content;
244253
padding:0.5rem;
245254
margin-bottom:0.5rem;
255+
font-family: Inter;
246256
}
247257

248258
.featureCardHeader {
249259
font-size:clamp(1.3rem,5.316vw,1.5rem);
260+
font-family: Inter;
250261
}
251262

252263
.featureCardsSection {
253264
margin-top:1rem;
265+
font-family: Inter;
254266
}
255267

256268
@media (min-width:1000px) {
@@ -275,6 +287,7 @@ body {
275287
color: black;
276288
background-color: white;
277289
margin-bottom:clamp(1rem,4.43vw,3rem);
290+
margin-top:10vw;
278291
}
279292

280293
.demoCard {

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp