Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 96eff29

Browse files
RyanMullinsLIT team
authored andcommitted
Add Sequence Salience tutorial to LIT website
PiperOrigin-RevId: 621605910
1 parent 525bf5e commit 96eff29

16 files changed

Lines changed: 599 additions & 44 deletions
Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<div class="mdl-cell info-box mdl-cell--12-col mdl-cell--6-col-tablet mdl-cell--4-col-phone">
2+
<details>
3+
<summary class="info-box-title">{{ title }}</summary>
4+
<span class="info-box-text">{{ text | markdownify }}</span>
5+
</details>
6+
</div>

website/src/assets/css/new.css

Lines changed: 75 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@ body {
33
font-family: "Open Sans", sans-serif;
44
}
55

6-
.mdl-layout__title a, .mdl-navigation__link, .hero-container {
6+
.mdl-layout__title a,
7+
.mdl-navigation__link,
8+
.hero-container {
79
font-family: "Manrope";
810
}
911

@@ -28,15 +30,19 @@ a:hover {
2830
text-decoration: underline;
2931
}
3032

31-
a, a:visited, a:hover, a:active {
33+
a,
34+
a:visited,
35+
a:hover,
36+
a:active {
3237
color: #07a3ba;
3338
}
3439

3540
.spacer {
3641
width: 100%;
3742
}
3843

39-
.link-out, .resource-card-cta-button a {
44+
.link-out,
45+
.resource-card-cta-button a {
4046
font-family: "Manrope";
4147
font-weight: 600;
4248
font-size: 20px;
@@ -134,11 +140,13 @@ h5 {
134140
color: black;
135141
}
136142

137-
.mdl-layout__title a:visited, .mdl-layout__title a:active {
143+
.mdl-layout__title a:visited,
144+
.mdl-layout__title a:active {
138145
color: inherit;
139146
}
140147

141-
.sub-hero-container, .tutorial-hero-container {
148+
.sub-hero-container,
149+
.tutorial-hero-container {
142150
width: 100%;
143151
height:225px;
144152
background-size: cover;
@@ -180,7 +188,11 @@ h5 {
180188
margin-left: 5px;
181189
}
182190

183-
.hero-container, .main-page-container, .sub-page-container, .tutorial-page-container, .footer-container {
191+
.hero-container,
192+
.main-page-container,
193+
.sub-page-container,
194+
.tutorial-page-container,
195+
.footer-container {
184196
margin: 0 auto;
185197
max-width:950px;
186198
}
@@ -209,7 +221,8 @@ h5 {
209221
border-radius: 8px;
210222
}
211223

212-
.home-card-action, .section-action {
224+
.home-card-action,
225+
.section-action {
213226
font-weight: 600;
214227
font-size: 16px;
215228
line-height: 22px;
@@ -250,11 +263,15 @@ h5 {
250263
margin-bottom: 50px;
251264
}
252265

253-
.home-card-cta-button a:link, .link-out a:link {
266+
.home-card-cta-button a:link,
267+
.link-out a:link {
254268
text-decoration: none;
255269
}
256270

257-
.home-card-cta-button a:visited, .home-card-cta-button a:active, .link-out a:visited, .link-out a:active {
271+
.home-card-cta-button a:visited,
272+
.home-card-cta-button a:active,
273+
.link-out a:visited,
274+
.link-out a:active {
258275
color: #07a3ba;
259276
}
260277

@@ -270,7 +287,9 @@ h5 {
270287
overflow:hidden;
271288
}
272289

273-
.video-container iframe, .video-container object, .video-container embed {
290+
.video-container iframe,
291+
.video-container object,
292+
.video-container embed {
274293
position:absolute;
275294
top:0;
276295
left:0;
@@ -315,8 +334,8 @@ h5 {
315334
color: #3C4043;
316335
}
317336

318-
319-
.sub-title, .tutorial-title {
337+
.sub-title,
338+
.tutorial-title {
320339
color: white;
321340
font-size: 32px;
322341
line-height: 40px;
@@ -330,22 +349,27 @@ h5 {
330349
line-height: 28px;
331350
}
332351

333-
334-
.capability-element, .tutorial-link-element {
352+
.capability-element,
353+
.tutorial-link-element {
335354
margin-top:48px;
336355
border-bottom: 1px solid #A4B7C8;
337356
}
338357

339-
.capability-title a, .tutorial-link-title a {
358+
.capability-title a,
359+
.tutorial-link-title a {
340360
text-decoration: none;
341361
color: inherit;
342362
}
343363

344-
.capability-title a:hover, .tutorial-link-title a:hover {
364+
.capability-title a:hover,
365+
.tutorial-link-title a:hover {
345366
text-decoration: underline;
346367
}
347368

348-
.capability-title a:visited, .tutorial-link-title a:visited, .capability-title a:active, .tutorial-link-title a:active {
369+
.capability-title a:visited,
370+
.tutorial-link-title a:visited,
371+
.capability-title a:active,
372+
.tutorial-link-title a:active {
349373
color: inherit;
350374
}
351375

@@ -365,7 +389,8 @@ h5 {
365389
margin: 25px 0px;
366390
}
367391

368-
.capability-copy, .tutorial-link-copy {
392+
.capability-copy,
393+
.tutorial-link-copy {
369394
margin-bottom: 15px;
370395
}
371396

@@ -375,7 +400,8 @@ h5 {
375400
padding: 12px;
376401
}
377402

378-
.resource-card-title, .demo-card-title {
403+
.resource-card-title,
404+
.demo-card-title {
379405
font-size: 22px;
380406
line-height: 28px;
381407
color: #8230cd;
@@ -391,7 +417,8 @@ h5 {
391417
text-decoration: underline;
392418
}
393419

394-
.demo-card-title a:visited, .demo-card-title a:active {
420+
.demo-card-title a:visited,
421+
.demo-card-title a:active {
395422
color: inherit;
396423
}
397424

@@ -417,7 +444,8 @@ h5 {
417444
margin-bottom: 25px;
418445
}
419446

420-
.resource-card-copy, .demo-card-copy {
447+
.resource-card-copy,
448+
.demo-card-copy {
421449
font-size: 16px;
422450
line-height: 20px;
423451
letter-spacing: 0.2px;
@@ -460,14 +488,20 @@ h5 {
460488
width: 100%;
461489
}
462490

463-
.tutorial-page-container p, .tutorial-page-container ul, .tutorial-page-container ol {
491+
.tutorial-page-container p,
492+
.tutorial-page-container ul,
493+
.tutorial-page-container ol {
464494
font-family: "Open Sans";
465495
font-size: 18px;
466496
line-height: 24px;
467497
letter-spacing: 0.1px;
468498
color: #0E0F12;
469499
}
470500

501+
.tutorial-page-container p > code {
502+
color: #c26412;
503+
}
504+
471505
.tutorial-breadcrumbs {
472506
margin: 72px 0 24px 0;
473507
font-family: "Manrope";
@@ -488,7 +522,8 @@ h5 {
488522
text-decoration: underline;
489523
}
490524

491-
.tutorial-breadcrumbs a:active, .tutorial-breadcrumbs a:visited {
525+
.tutorial-breadcrumbs a:active,
526+
.tutorial-breadcrumbs a:visited {
492527
color: inherit;
493528
}
494529

@@ -544,6 +579,18 @@ h5 {
544579
margin-bottom: 20px;
545580
}
546581

582+
details:not([open]) .info-box-title {
583+
margin-bottom: 0;
584+
}
585+
586+
summary {
587+
cursor: pointer;
588+
}
589+
590+
summary::marker {
591+
color: #0B6F7A;
592+
}
593+
547594
.info-box-text,
548595
.info-box-text p,
549596
.info-box-text ul {
@@ -627,7 +674,11 @@ h5 {
627674
display: none;
628675
}
629676

630-
.hero-container, .main-page-container, .sub-page-container, .tutorial-page-container, .footer-container {
677+
.hero-container,
678+
.main-page-container,
679+
.sub-page-container,
680+
.tutorial-page-container,
681+
.footer-container {
631682
margin: 0 16px;
632683
}
633684

website/src/assets/css/prism-material-light.css

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ pre[class*="language-"] {
55
word-spacing: normal;
66
word-break: normal;
77
word-wrap: normal;
8-
color: #90a4ae;
8+
color: #5f6368;
99
background: #fafafa;
1010
font-family: Roboto Mono, monospace;
1111
font-size: 1em;
@@ -21,6 +21,10 @@ pre[class*="language-"] {
2121
hyphens: none;
2222
}
2323

24+
code[class*="language-text"] {
25+
text-wrap: wrap;
26+
}
27+
2428
code[class*="language-"]::-moz-selection,
2529
pre[class*="language-"]::-moz-selection,
2630
code[class*="language-"] ::-moz-selection,
@@ -204,4 +208,4 @@ pre[class*="language-"] {
204208

205209
.token.variable {
206210
color: #e53935;
207-
}
211+
}
324 KB
Loading
342 KB
Loading
912 KB
Loading
982 KB
Loading
522 KB
Loading
408 KB
Loading
503 KB
Loading

0 commit comments

Comments
 (0)