From 2d300a16a159498597350a66b8997346d0b2760e Mon Sep 17 00:00:00 2001 From: Simon Prince Date: Thu, 18 Apr 2024 17:41:04 -0400 Subject: [PATCH] Final website tweaks --- index_old.html => Old/index_old.html | 0 style.css => Old/style.css | 0 package.json | 2 +- public/favicon.ico | Bin 3870 -> 15406 bytes public/index.html | 2 +- src/App.js | 2 +- src/components/Footer/FooterElements.js | 3 + src/components/Footer/index.js | 2 +- src/components/HeroSection/HeroElements.js | 106 ++++++-- src/components/HeroSection/index.js | 31 +-- .../Instructors/InstructorsElements.js | 35 +++ src/components/Instructors/index.js | 182 +++++++------- src/components/Media/MediaElements.js | 44 ++++ src/components/Media/index.js | 25 +- src/components/More/MoreElements.js | 46 +++- src/components/More/index.js | 98 ++++---- src/components/NavBar/NavbarElements.js | 4 + src/components/NavBar/index.js | 2 +- src/components/Notebooks/NotebookElements.js | 48 +++- src/components/Notebooks/index.js | 228 +++++++++--------- 20 files changed, 540 insertions(+), 320 deletions(-) rename index_old.html => Old/index_old.html (100%) rename style.css => Old/style.css (100%) mode change 100755 => 100644 public/favicon.ico diff --git a/index_old.html b/Old/index_old.html similarity index 100% rename from index_old.html rename to Old/index_old.html diff --git a/style.css b/Old/style.css similarity index 100% rename from style.css rename to Old/style.css diff --git a/package.json b/package.json index cee93a8..fc8ee5d 100755 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "react-website-smooth-scroll", "version": "0.1.0", "private": true, - "homepage": "https://udlbook.github.io/udlbook/", + "homepage": "https://udlbook.github.io/udlbook", "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.5.1", "@testing-library/jest-dom": "^5.15.1", diff --git a/public/favicon.ico b/public/favicon.ico old mode 100755 new mode 100644 index a11777cc471a4344702741ab1c8a588998b1311a..7180d80ed775a1669b3d939f5499edd80af227b3 GIT binary patch literal 15406 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 YqF3SZKCu|>$MT^6{{6QG{@oh*za)YBH~;_u literal 3870 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/public/index.html b/public/index.html index eb02590..a248cca 100755 --- a/public/index.html +++ b/public/index.html @@ -27,7 +27,7 @@ - React App + Understanding Deep Learning diff --git a/src/App.js b/src/App.js index 25173f3..24ae66d 100755 --- a/src/App.js +++ b/src/App.js @@ -9,7 +9,7 @@ function App() { return ( - } /> + } /> diff --git a/src/components/Footer/FooterElements.js b/src/components/Footer/FooterElements.js index a476489..4534fcb 100755 --- a/src/components/Footer/FooterElements.js +++ b/src/components/Footer/FooterElements.js @@ -105,6 +105,9 @@ export const SocialLogo = styled(Link)` align-items: center; margin-bottom: 16px; font-weight: bold; + @media screen and (max-width: 768px) { + font-size: 20px; + } ` export const WebsiteRights = styled.small` diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js index 3a403a7..e8c8997 100755 --- a/src/components/Footer/index.js +++ b/src/components/Footer/index.js @@ -16,7 +16,7 @@ const Footer = () => { - + Understanding Deep Learning ©{new Date().getFullYear()} Simon J.D. Prince diff --git a/src/components/HeroSection/HeroElements.js b/src/components/HeroSection/HeroElements.js index 24e6933..fbb2029 100755 --- a/src/components/HeroSection/HeroElements.js +++ b/src/components/HeroSection/HeroElements.js @@ -84,32 +84,29 @@ export const HeroNewsItem = styled.div` margin-bottom: 16px; display: flex; justify-content: start; + ` export const HeroNewsItemDate = styled.div` width: 20%; - font-size: 16px ; margin-right: 20px ; - @media screen and (max-width: 768px) { - font-size: 24px; + font-size: 12px; } - @media screen and (max-width: 480px) { - font-size: 18px; + font-size: 12px; } ` export const HeroNewsItemContent = styled.div` width: 80%; color: #000000; - font-size: 16px ; @media screen and (max-width: 768px) { - font-size: 24px; + font-size: 12px; } @media screen and (max-width: 480px) { - font-size: 18px; + font-size: 12px; } ` @@ -167,20 +164,89 @@ export const HeroDownloadsImg = styled.img` export const HeroLink = styled.a` color: #fff; text-decoration: none; - padding: 0.1rem 0rem; - height: 100%; + padding: 0.6rem 0rem 0rem 0rem; cursor: pointer; + position:relative ; - &:hover { - filter: brightness(0.85); - } + &:before{ + position: absolute; + margin: 0 auto; + top: 100%; + left: 0; + width: 100%; + height: 2px; + background-color: #fff; + content: ''; + opacity: .3; + -webkit-transform: scaleX(1); + transition-property: opacity, -webkit-transform; + transition-duration: .3s; +} - &.active { - color: #000 - border-bottom: 3px solid #01bf71; + &:hover:before { + opacity: 1; + -webkit-transform: scaleX(1.05); } `; +// color: #fff; +// text-decoration: none; +// padding: 0.1rem 0rem; +// height: 100%; +// cursor: pointer; +// position:relative ; + +// &:before{ +// position: absolute; +// margin: 0 auto; +// top: 100%; +// left: 0; +// width: 100%; +// height: 2px; +// background-color: #000; +// content: ''; +// opacity: .3; +// -webkit-transform: scaleX(1); +// transition-property: opacity, -webkit-transform; +// transition-duration: .3s; +// } + +// &:hover:before { +// opacity: 1; +// -webkit-transform: scaleX(1.05); +// } +// `; + +export const UDLLink = styled.a` + text-decoration: none; + color: #000; + font-weight: 300; + margin: 0 2px; + position: relative; + + &:before{ + position: absolute; + margin: 0 auto; + top: 100%; + left: 0; + width: 100%; + height: 2px; + background-color: #000; + content: ''; + opacity: .3; + -webkit-transform: scaleX(1); + transition-property: opacity, -webkit-transform; + transition-duration: .3s; + } + + &:hover:before { + opacity: 1; + -webkit-transform: scaleX(1.05); + } +` + + + export const HeroNewsTitle = styled.div` margin-left: 0px; @@ -233,10 +299,6 @@ export const HeroCitationBlock = styled.div` export const HeroFollowBlock = styled.div` @media screen and (max-width: 768px) { - font-size: 24px; + font-size: 14px; } - -@media screen and (max-width: 480px) { - font-size: 18px; -} -` \ No newline at end of file +` diff --git a/src/components/HeroSection/index.js b/src/components/HeroSection/index.js index f9ad58b..d94e7ae 100755 --- a/src/components/HeroSection/index.js +++ b/src/components/HeroSection/index.js @@ -1,5 +1,5 @@ import React from 'react' -import { HeroContainer, HeroNewsBlock, HeroCitationBlock, HeroCitationTitle, HeroFollowBlock, HeroDownloadsImg, HeroLink, HeroRow, HeroColumn1, HeroColumn2, HeroContent, Img, HeroImgWrap, HeroNewsTitle, HeroNewsItem, HeroNewsItemDate, HeroNewsItemContent} from './HeroElements' +import { HeroContainer, HeroNewsBlock, HeroCitationBlock, HeroCitationTitle, HeroFollowBlock, HeroDownloadsImg, HeroLink, HeroRow, HeroColumn1, HeroColumn2, HeroContent, Img, HeroImgWrap, HeroNewsTitle, HeroNewsItem, HeroNewsItemDate, HeroNewsItemContent, UDLLink} from './HeroElements' import img from '../../images/F23.prince.learning.turquoise.jpg' const HeroSection = () => { @@ -27,42 +27,41 @@ const HeroSection = () => { Book now available again. - + + 02/21/24 + New blog about the Neural Tangent Kernel. + 02/15/24 First printing of book has sold out in most places. Second printing available mid-March. - + 01/29/24 - New blog about gradient flow published. + New blog about gradient flow published. 12/26/23 - Machine Learning Street Talk podcast discussing book. + Machine Learning Street Talk podcast discussing book. 12/19/23 - Deeper Insights podcast discussing book. + Deeper Insights podcast discussing book. 12/06/23 - I did an interview discussing the book with Borealis AI. + I did an interview discussing the book with Borealis AI. 12/05/23 - Book released by The MIT Press. + Book released by The MIT Press. - - Follow me on Twitter or LinkedIn for updates. - CITATION: 
@@ -71,16 +70,20 @@ const HeroSection = () => {
+ + Follow me on Twitter or LinkedIn for updates. + book cover - Download full pdf + Download full pdf (18 Apr 2024) Buy the book Answers to selected questions - Find/Report Errata + Errata diff --git a/src/components/Instructors/InstructorsElements.js b/src/components/Instructors/InstructorsElements.js index 789bc1b..1e7e353 100644 --- a/src/components/Instructors/InstructorsElements.js +++ b/src/components/Instructors/InstructorsElements.js @@ -127,4 +127,39 @@ export const InstructorsContent = styled.div` flex-direction: column; align-items: left ; list-style-position: inside; + @media screen and (max-width: 1050px) { + font-size: 12px; + } + + @media screen and (max-width: 768px) { + font-size: 10px; + } +` + +export const InstructorsLink = styled.a` + text-decoration: none; + color: #555; + font-weight: 300; + margin: 0 2px; + position: relative; + + &:before{ + position: absolute; + margin: 0 auto; + top: 100%; + left: 0; + width: 100%; + height: 2px; + background-color: #555; + content: ''; + opacity: .3; + -webkit-transform: scaleX(1); + transition-property: opacity, -webkit-transform; + transition-duration: .3s; + } + + &:hover:before { + opacity: 1; + -webkit-transform: scaleX(1.05); + } ` \ No newline at end of file diff --git a/src/components/Instructors/index.js b/src/components/Instructors/index.js index b91a08a..d926008 100644 --- a/src/components/Instructors/index.js +++ b/src/components/Instructors/index.js @@ -1,5 +1,5 @@ import React from 'react' -import { ImgWrap, Img, InstructorsContainer, InstructorsContent, InstructorsRow2, InstructorsWrapper, InstructorsRow, Column1, Column2, TextWrapper, TopLine, Heading, Subtitle} from './InstructorsElements' +import { ImgWrap, Img, InstructorsLink, InstructorsContainer, InstructorsContent, InstructorsRow2, InstructorsWrapper, InstructorsRow, Column1, Column2, TextWrapper, TopLine, Heading, Subtitle} from './InstructorsElements' // export const homeObjOne = { // id: 'about', @@ -45,7 +45,7 @@ const InstructorsSection = () => { Register - Register with MIT Press for answer booklet. + Register with MIT Press for answer booklet. @@ -56,19 +56,19 @@ const InstructorsSection = () => {
    -
  1. Introduction PPTX
    2. -
  2. Supervised Learning PPTX
    3. -
  3. Shallow Neural Networks PPTX
    4. -
  4. Deep Neural Networks PPTX
    5. -
  5. Loss Functions PPTX
    6. -
  6. Fitting Models PPTX
    7. -
  7. Computing Gradients PPTX
    8. -
  8. Initialization PPTX
    9. -
  9. Performance PPTX
    10. -
  10. Regularization PPTX
    11. -
  11. Convolutional Networks PPTX
    12. -
  12. Image Generation PPTX
    13. -
  13. Transformers and LLMs PPTX
    14. +
  14. Introduction PPTX
    15. +
  15. Supervised Learning PPTX
    16. +
  16. Shallow Neural Networks PPTX
    17. +
  17. Deep Neural Networks PPTX
    18. +
  18. Loss Functions PPTX
    19. +
  19. Fitting Models PPTX
    20. +
  20. Computing Gradients PPTX
    21. +
  21. Initialization PPTX
    22. +
  22. Performance PPTX
    23. +
  23. Regularization PPTX
    24. +
  24. Convolutional Networks PPTX
    25. +
  25. Image Generation PPTX
    26. +
  26. Transformers and LLMs PPTX
 @@ -76,92 +76,92 @@ const InstructorsSection = () => { Figures
    -
  1. Introduction: PDF / SVG / PPTX
    2. +
  2. Introduction: PDF / SVG / PPTX
    3. -
  3. Supervised learning: PDF / SVG / PPTX
    4. -
  4. Shallow neural networks: PDF / SVG / PPTX
    5. -
  5. Deep neural networks: PDF / SVG +
  6. Supervised learning: PDF / SVG / PPTX
    7. +
  7. Shallow neural networks: PDF / SVG / PPTX
    8. +
  8. Deep neural networks: PDF / SVG / - PPTX
    9. -
  9. Loss functions: PPTX
    10. +
  10. Loss functions: PDF - / + / SVG - / PPTX
    11. -
  11. Training models: / PPTX
    12. +
  12. Training models: PDF - / + / SVG - / PPTX
    13. -
  13. Gradients and initialization: PDF / SVG / PPTX
    14. -
  14. Measuring performance: PDF / SVG / PPTX
    15. -
  15. Regularization: / PPTX
    16. +
  16. Gradients and initialization: PDF / SVG / PPTX
    17. +
  17. Measuring performance: PDF / SVG / PPTX
    18. +
  18. Regularization: PDF - / + / SVG - / PPTX
    19. -
  19. Convolutional networks: PDF / SVG / PPTX
    20. -
  20. Residual networks: PDF / SVG / PPTX
    21. -
  21. Transformers: PDF / - SVG / PPTX
    22. -
  22. Graph neural networks: PDF / SVG / PPTX
    23. -
  23. Unsupervised learning: PDF / SVG / - PPTX
    24. -
  24. GANs: PDF / SVG / PPTX
    25. -
  25. Normalizing flows: PDF / SVG / PPTX
    26. -
  26. Variational autoencoders: PDF / SVG / PPTX
    27. -
  27. Diffusion models: PDF / SVG / - - PPTX
    28. -
  28. Deep reinforcement learning: PDF / SVG / - PPTX
    29. -
  29. Why does deep learning work?: PDF / SVG / - PPTX
    30. -
  30. Deep learning and ethics: PDF / SVG / PPTX
    31. -
  31. Appendices - PDF / - SVG / PPTX
    32. + / PPTX +
  32. Convolutional networks: PDF / SVG / PPTX
    33. +
  33. Residual networks: PDF / SVG / PPTX
    34. +
  34. Transformers: PDF / + SVG / PPTX
    35. +
  35. Graph neural networks: PDF / SVG / PPTX
    36. +
  36. Unsupervised learning: PDF / SVG / + PPTX
    37. +
  37. GANs: PDF / SVG / PPTX
    38. +
  38. Normalizing flows: PDF / SVG / PPTX
    39. +
  39. Variational autoencoders: PDF / SVG / PPTX
    40. +
  40. Diffusion models: PDF / SVG / + + PPTX
    41. +
  41. Deep reinforcement learning: PDF / SVG / + PPTX
    42. +
  42. Why does deep learning work?: PDF / SVG / + PPTX
    43. +
  43. Deep learning and ethics: PDF / SVG / PPTX
    44. +
  44. Appendices - PDF / + SVG / PPTX
 - Instructions for editing equations in figures. + Instructions for editing equations in figures. diff --git a/src/components/Media/MediaElements.js b/src/components/Media/MediaElements.js index e33615d..236ba36 100644 --- a/src/components/Media/MediaElements.js +++ b/src/components/Media/MediaElements.js @@ -125,6 +125,10 @@ export const MediaContent = styled.div` flex-direction: column; align-items: left ; list-style-position: inside; + @media screen and (max-width: 768px) { + font-size: 14px; + } + ` export const MediaRow2 = styled.div` @@ -136,4 +140,44 @@ export const MediaRow2 = styled.div` @media screen and (max-width: 768px){ grid-template-areas: ${({imgStart}) => (imgStart ? `'col1' 'col2'` : `'col1 col1' 'col2 col2'`)}; } +` + +export const VideoFrame=styled.div` + width: 560px ; + height: 315px ; + @media screen and (max-width: 1050px) { + width: 280px ; + height: 157px ; + } + + +` + + +export const MediaLink = styled.a` + text-decoration: none; + color: #57c6d1; + font-weight: 300; + margin: 0 2px; + position: relative; + + &:before{ + position: absolute; + margin: 0 auto; + top: 100%; + left: 0; + width: 100%; + height: 2px; + background-color: #57c6d1;; + content: ''; + opacity: .3; + -webkit-transform: scaleX(1); + transition-property: opacity, -webkit-transform; + transition-duration: .3s; + } + + &:hover:before { + opacity: 1; + -webkit-transform: scaleX(1.05); + } ` \ No newline at end of file diff --git a/src/components/Media/index.js b/src/components/Media/index.js index f9aaff3..b4ef728 100644 --- a/src/components/Media/index.js +++ b/src/components/Media/index.js @@ -1,5 +1,5 @@ import React from 'react' -import { ImgWrap, Img, MediaContainer, MediaContent, MediaWrapper, MediaRow, MediaRow2, Column1, Column2, TextWrapper, TopLine, Heading, Subtitle} from './MediaElements' +import { ImgWrap, Img, MediaLink, MediaContainer, MediaContent, MediaWrapper, VideoFrame, MediaRow, MediaRow2, Column1, Column2, TextWrapper, TopLine, Heading, Subtitle} from './MediaElements' // export const homeObjOne = { // id: 'about', @@ -45,11 +45,18 @@ const MediaSection = () => { Machine learning street talk podcast - + + + - Deeper insights podcast - + Deeper insights podcast + + + @@ -57,9 +64,9 @@ const MediaSection = () => { Reviews
    -
  • Amazon reviews
    • -
  • Goodreads reviews
    • -
  • Book review by Vishal V.
    • +
  • Amazon reviews
    • +
  • Goodreads reviews
    • +
  • Book review by Vishal V.
 @@ -67,8 +74,8 @@ const MediaSection = () => { Interviews diff --git a/src/components/More/MoreElements.js b/src/components/More/MoreElements.js index 5361ccc..719715a 100644 --- a/src/components/More/MoreElements.js +++ b/src/components/More/MoreElements.js @@ -135,10 +135,18 @@ export const MoreOuterList = styled.ul` // list-style:none; list-style-position: inside; margin:0; + @media screen and (max-width: 768px) { + font-size: 14px; + } + ` export const MoreInnerList = styled.ul` list-style-position: inside; + @media screen and (max-width: 768px) { + font-size: 12px; + } + ` export const MoreInnerP = styled.p` @@ -149,19 +157,31 @@ export const MoreInnerP = styled.p` color: #fff ` + export const MoreLink = styled.a` - color: #fff; - text-decoration: none; - padding: 0.1rem 0rem; - height: 100%; - cursor: pointer; + text-decoration: none; + color: #555; + font-weight: 300; + margin: 0 2px; + position: relative; - &:hover { - filter: brightness(0.85); - } + &:before{ + position: absolute; + margin: 0 auto; + top: 100%; + left: 0; + width: 100%; + height: 2px; + background-color: #555; + content: ''; + opacity: .3; + -webkit-transform: scaleX(1); + transition-property: opacity, -webkit-transform; + transition-duration: .3s; + } - &.active { - color: #000 - border-bottom: 3px solid #01bf71; - } -`; + &:hover:before { + opacity: 1; + -webkit-transform: scaleX(1.05); + } +` \ No newline at end of file diff --git a/src/components/More/index.js b/src/components/More/index.js index 1a2fa8e..552e368 100644 --- a/src/components/More/index.js +++ b/src/components/More/index.js @@ -1,5 +1,5 @@ import React from 'react' -import { ImgWrap, Img, MoreContainer, MoreRow2, MoreWrapper, MoreRow, Column1, Column2, TextWrapper, TopLine, Heading, Subtitle, MoreOuterList, MoreInnerList, MoreInnerP} from './MoreElements' +import { ImgWrap, Img, MoreContainer, MoreLink, MoreRow2, MoreWrapper, MoreRow, Column1, Column2, TextWrapper, TopLine, Heading, Subtitle, MoreOuterList, MoreInnerList, MoreInnerP} from './MoreElements' import img from '../../images/more.svg' @@ -28,7 +28,7 @@ const MoreSection = () => { Book
  • - Computer vision: models, learning, and inference + Computer vision: models, learning, and inference
  • 2012 book published with CUP
    • @@ -44,7 +44,7 @@ const MoreSection = () => { Transformers & LLMs
  • - Intro to LLMs + Intro to LLMs
  • What is an LLM?
    • @@ -57,7 +57,7 @@ const MoreSection = () => {
  • - Transformers I + Transformers I
  • Dot-Product self-attention
    • @@ -72,7 +72,7 @@ const MoreSection = () => {
  • - Transformers II + Transformers II
  • Sinusoidal position embeddings
    • @@ -93,7 +93,7 @@ const MoreSection = () => {
  • - Transformers III + Transformers III
  • Tricks for training transformers
    • @@ -106,7 +106,7 @@ const MoreSection = () => {
  • - Training and fine-tuning LLMs + Training and fine-tuning LLMs
  • Large language models
    • @@ -118,7 +118,7 @@ const MoreSection = () => {
  • - Speeding up inference in LLMs + Speeding up inference in LLMs
  • Problems with transformers
    • @@ -135,7 +135,7 @@ const MoreSection = () => { Math for machine learning
  • - Linear algebra + Linear algebra
  • Vectors and matrices
    • @@ -154,7 +154,7 @@ const MoreSection = () => {
  • - Introduction to probability + Introduction to probability
  • Random variables
    • @@ -168,7 +168,7 @@ const MoreSection = () => {
  • - Probability distributions + Probability distributions
  • Bernouilli distribution
    • @@ -184,7 +184,7 @@ const MoreSection = () => {
  • - Fitting probability distributions + Fitting probability distributions
  • Maximum likelihood
    • @@ -196,7 +196,7 @@ const MoreSection = () => {
  • - The normal distribution + The normal distribution
  • Types of covariance matrix
    • @@ -214,7 +214,7 @@ const MoreSection = () => { Optimization
  • - Gradient-based optimmization + Gradient-based optimization
  • Convexity
    • @@ -227,7 +227,7 @@ const MoreSection = () => {
  • - Bayesian optimization + Bayesian optimization
  • Gaussian processes
    • @@ -243,7 +243,7 @@ const MoreSection = () => {
  • - SAT Solvers I + SAT Solvers I
  • Boolean logic and satisfiability
    • @@ -258,7 +258,7 @@ const MoreSection = () => {
  • - SAT Solvers II + SAT Solvers II
  • Conditioning
    • @@ -272,7 +272,7 @@ const MoreSection = () => {
  • - SAT Solvers III + SAT Solvers III
  • Satisfiability vs. problem size
    • @@ -286,7 +286,7 @@ const MoreSection = () => {
  • - SAT Solvers III + SAT Solvers III
  • Satisfiability vs. problem size
    • @@ -302,7 +302,7 @@ const MoreSection = () => { Computer vision
  • - Image Processing + Image Processing
  • Whitening
    • @@ -314,7 +314,7 @@ const MoreSection = () => {
  • - Pinhole camera + Pinhole camera
  • Pinhole camera model
    • @@ -327,7 +327,7 @@ const MoreSection = () => {
  • - Geometric transformations + Geometric transformations
  • Euclidean, similarity, affine, projective transformations
    • @@ -340,7 +340,7 @@ const MoreSection = () => {
  • - Multiple cameras + Multiple cameras
  • Two view geometry
    • @@ -357,7 +357,7 @@ const MoreSection = () => { Reinforcement learning
  • - Transformers in RL + Transformers in RL
  • Challenges in RL
    • @@ -381,7 +381,7 @@ const MoreSection = () => { AI Theory
  • - Gradient flow + Gradient flow
  • Gradient flow
    • @@ -393,7 +393,7 @@ const MoreSection = () => {
  • - Neural tangent kernel + Neural tangent kernel
  • Infinite width neural networks
    • @@ -410,7 +410,7 @@ const MoreSection = () => { Temporal models
  • - Temporal models + Temporal models
  • Kalman filter
    • @@ -426,7 +426,7 @@ const MoreSection = () => { Unsupervised learning
  • - Modeling complex data densities + Modeling complex data densities
  • Hidden variables
    • @@ -440,7 +440,7 @@ const MoreSection = () => {
  • - Variational autoencoders + Variational autoencoders
  • Non-linear latent variable models
    • @@ -453,7 +453,7 @@ const MoreSection = () => {
  • - Normalizing flows: introduction and review + Normalizing flows: introduction and review
  • Normalizing flows
    • @@ -471,7 +471,7 @@ const MoreSection = () => { Graphical Models
  • - Graphical models + Graphical models
  • Conditional independence
    • @@ -484,7 +484,7 @@ const MoreSection = () => {
  • - Models for chains and trees + Models for chains and trees
  • Hidden Markov models
    • @@ -498,7 +498,7 @@ const MoreSection = () => {
  • - Models for grids + Models for grids
  • Markov random fields
    • @@ -515,7 +515,7 @@ const MoreSection = () => { Machine learning
  • - Learning and inference + Learning and inference
  • Discriminative models
    • @@ -526,7 +526,7 @@ const MoreSection = () => {
  • - Regression models + Regression models
  • Linear regression
    • @@ -541,7 +541,7 @@ const MoreSection = () => {
  • - Classification models + Classification models
  • Logistic regression
    • @@ -555,7 +555,7 @@ const MoreSection = () => {
  • - Few-shot learning and meta-learning I + Few-shot learning and meta-learning I
  • Meta-learning framework
    • @@ -567,7 +567,7 @@ const MoreSection = () => {
  • - Few-shot learning and meta-learning II + Few-shot learning and meta-learning II
  • MAML & Reptile
    • @@ -585,7 +585,7 @@ const MoreSection = () => { Natural language processing
  • - Neural natural language generation I + Neural natural language generation I
  • Encoder-decoder architecture
    • @@ -599,7 +599,7 @@ const MoreSection = () => {
  • - Neural natural language generation II + Neural natural language generation II
  • Fine-tuning with reinforcement learning
    • @@ -614,7 +614,7 @@ const MoreSection = () => {
  • - Parsing I + Parsing I
  • Parse trees
    • @@ -626,7 +626,7 @@ const MoreSection = () => {
  • - Parsing II + Parsing II
  • Weighted context-free grammars
    • @@ -638,7 +638,7 @@ const MoreSection = () => {
  • - Parsing III + Parsing III
  • Probabilistic context-free grammars
    • @@ -652,7 +652,7 @@ const MoreSection = () => {
  • - XLNet + XLNet
  • Language modeling
    • @@ -670,7 +670,7 @@ const MoreSection = () => { Responsible AI
  • - Bias and fairness + Bias and fairness
  • Sources of bias
    • @@ -683,7 +683,7 @@ const MoreSection = () => {
  • - Explainability I + Explainability I
  • Taxonomy of XAI approaches
    • @@ -696,7 +696,7 @@ const MoreSection = () => {
  • - Explainability II + Explainability II
  • Global feature importance
    • @@ -710,7 +710,7 @@ const MoreSection = () => {
  • - Differential privacy I + Differential privacy I
  • Early approaches to privacy
    • @@ -724,7 +724,7 @@ const MoreSection = () => {
  • - Differential privacy II + Differential privacy II
  • Differential privacy and matchine learning
    • diff --git a/src/components/NavBar/NavbarElements.js b/src/components/NavBar/NavbarElements.js index 63697e9..cb4af73 100755 --- a/src/components/NavBar/NavbarElements.js +++ b/src/components/NavBar/NavbarElements.js @@ -39,6 +39,10 @@ export const NavLogo = styled(LinkR)` margin-left: 24px; font-weight: bold; text-decoration: none; + @media screen and (max-width: 768px) { + font-size: 1.0rem; + } + `; export const MobileIcon = styled.div` diff --git a/src/components/NavBar/index.js b/src/components/NavBar/index.js index 7701ef6..12048a9 100755 --- a/src/components/NavBar/index.js +++ b/src/components/NavBar/index.js @@ -29,7 +29,7 @@ const Navbar = ( {toggle} ) => {