From 3fa756421ade300216eaa9ee2a810a3667536ad1 Mon Sep 17 00:00:00 2001 From: jooseppi12 Date: Thu, 21 Jan 2021 19:52:54 +0100 Subject: [PATCH] #17 - Minifying css, converting custom.css to scss, setting up grunt pipeline for scss conversion and css minification, adding option for release vs debug mode build with configuring to use the proper variant, remove unused bulma scss files from the repo --- .gitignore | 4 + build.ps1 | 14 +- build.sh | 7 +- src/Hosted/Gruntfile.js | 28 +- src/Hosted/Hosted.fsproj | 1 - src/Hosted/Main.fs | 24 ++ src/Hosted/assets/custom.css | 372 -------------------------- src/Hosted/assets/custom.scss | 424 ++++++++++++++++++++++++++++++ src/Hosted/scss/all.scss | 137 ---------- src/Hosted/scss/content-page.scss | 73 ----- src/Hosted/scss/drawer.scss | 30 --- src/Hosted/scss/footer.scss | 22 -- src/Hosted/scss/home.scss | 128 --------- src/Hosted/scss/navbar.scss | 88 ------- src/Website/Website.fsproj | 1 - 15 files changed, 494 insertions(+), 859 deletions(-) delete mode 100644 src/Hosted/assets/custom.css create mode 100644 src/Hosted/assets/custom.scss delete mode 100644 src/Hosted/scss/all.scss delete mode 100644 src/Hosted/scss/content-page.scss delete mode 100644 src/Hosted/scss/drawer.scss delete mode 100644 src/Hosted/scss/footer.scss delete mode 100644 src/Hosted/scss/home.scss delete mode 100644 src/Hosted/scss/navbar.scss diff --git a/.gitignore b/.gitignore index a1942d8d..773339e9 100644 --- a/.gitignore +++ b/.gitignore @@ -21,3 +21,7 @@ /.ionide *.bak* *.done +*.min.css +*.map +src/Hosted/assets/custom.css +*.ionide* diff --git a/build.ps1 b/build.ps1 index 2997eed0..af888c95 100644 --- a/build.ps1 +++ b/build.ps1 @@ -1,10 +1,10 @@ echo "Copy legal files" -xcopy .\legal\site-docs\intellifactory.com\* .\src\Hosted\legal\ /s /e +xcopy .\legal\site-docs\intellifactory.com\* .\src\Hosted\legal\ /s /e /y echo "Copy blog posts files" -xcopy .\blogs\user\* .\src\Hosted\posts\ /s /e +xcopy .\blogs\user\* .\src\Hosted\posts\ /s /e /y echo "Running npm install" @@ -14,4 +14,12 @@ popd echo "Running dotnet build" -dotnet build SiteFi.sln +$mode=$args[0] +echo "Param $mode" +if ($mode -ieq "debug") { + echo "Running build in Debug mode..." + dotnet build SiteFi.sln -c Debug +} else { + echo "Running build in Release mode..." + dotnet build SiteFi.sln +} diff --git a/build.sh b/build.sh index c69f7e2f..c50da7d1 100644 --- a/build.sh +++ b/build.sh @@ -20,5 +20,10 @@ popd echo "Running dotnet build" -dotnet build SiteFi.sln +if ["{$1^^}" -eq "DEBUG"] +then + dotnet build SiteFi.sln -c Debug +else + dotnet build SiteFi.sln +fi diff --git a/src/Hosted/Gruntfile.js b/src/Hosted/Gruntfile.js index da762f8e..035fbe00 100644 --- a/src/Hosted/Gruntfile.js +++ b/src/Hosted/Gruntfile.js @@ -4,8 +4,30 @@ module.exports = function(grunt) { grunt.initConfig({ cssmin: { build: { - src: 'css/all.css', - dest: 'css/all.min.css' + files: [{ + expand: true, + cwd: 'assets', + src: ['*.css', '!*.min.css'], + dest: 'assets', + ext: '.min.css' + }, { + expand: true, + cwd: 'themekit/css', + src: ['*.css', '!*.min.css'], + dest: 'themekit/css', + ext: '.min.css' + }] + } + }, + sass: { + options: { + implementation: sass, + sourceMap: true + }, + dist: { + files: { + 'assets/custom.css': 'assets/custom.scss' + } } } }); @@ -14,5 +36,5 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-cssmin'); - grunt.registerTask('default', ['cssmin']); + grunt.registerTask('default', ['sass','cssmin']); }; \ No newline at end of file diff --git a/src/Hosted/Hosted.fsproj b/src/Hosted/Hosted.fsproj index 70ebc2f3..d9bc4588 100644 --- a/src/Hosted/Hosted.fsproj +++ b/src/Hosted/Hosted.fsproj @@ -6,7 +6,6 @@ - diff --git a/src/Hosted/Main.fs b/src/Hosted/Main.fs index 79ddafbc..18d83d7d 100644 --- a/src/Hosted/Main.fs +++ b/src/Hosted/Main.fs @@ -903,6 +903,9 @@ module Site = .Map(client <@ ClientSideCode.TalksAndPresentations.GMap(mapStyles) @>) .Doc() TrainingsTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .MenuBar(menubar config.Value) .HeaderContent(header) .Footer(MainTemplate.Footer().Doc()) @@ -911,6 +914,9 @@ module Site = |> Content.Page let TERMSOFUSE (ctx: Context<_>) = LegalTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .MenuBar(menubar config.Value) .HeaderContent(Doc.Empty) .Content(Doc.Verbatim <| Markdown.Convert (getContent ctx "TermsOfUse.md")) @@ -942,6 +948,9 @@ module Site = let CONTACT () = let mapContactStyles = mapContactStyles() ContactTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .MenuBar(menubar config.Value) .Map(client <@ ClientSideCode.TalksAndPresentations.GMapOffice(mapContactStyles) @>) .Footer(MainTemplate.Footer().Doc()) @@ -950,6 +959,9 @@ module Site = |> Content.Page let RESEARCH () = ResearchTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .MenuBar(menubar config.Value) .Footer(MainTemplate.Footer().Doc()) .Cookie(Cookies.Banner false) @@ -957,6 +969,9 @@ module Site = |>Content.Page let CONSULTING () = ConsultingTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .MenuBar(menubar config.Value) .Footer(MainTemplate.Footer().Doc()) .Cookie(Cookies.Banner false) @@ -964,6 +979,9 @@ module Site = |>Content.Page let CAREERS () = CareersTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .MenuBar(menubar config.Value) .Footer(MainTemplate.Footer().Doc()) .Cookie(Cookies.Banner false) @@ -971,6 +989,9 @@ module Site = |>Content.Page let OPENPOSITION () = OpenPositionTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .MenuBar(menubar config.Value) .Footer(MainTemplate.Footer().Doc()) .Cookie(Cookies.Banner false) @@ -996,6 +1017,9 @@ module Site = let isFirst = pageNo = 1 let isLast = List.length as1 - pageNo < 1 BlogListTemplate() +#if !DEBUG + .ReleaseMin(".min") +#endif .Menubar(menubar config.Value) .Banner(banner) .ArticleList(ARTICLES articles) diff --git a/src/Hosted/assets/custom.css b/src/Hosted/assets/custom.css deleted file mode 100644 index 959bc794..00000000 --- a/src/Hosted/assets/custom.css +++ /dev/null @@ -1,372 +0,0 @@ -table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th { - padding: 8px; - line-height: 1.42857143; - vertical-align: top; - border-top: 1px solid #ddd; -} - -.tabs { - display: flex !important; - flex-wrap: wrap !important; -} - -.tabs div { - margin-right: 0.5em; - margin-bottom: 0.5em; - border-bottom: 1px transparent solid; - transition: all .5s; -} - -.tabs div a { - color: white; - display: block; - position: relative; - text-decoration: none; - border-radius: 15px; - cursor: pointer; - transition: all .5s; - background-color: rgb(71, 178, 228); - padding: 0.25em 0.75em -} - -.blog-tag { - text-transform: uppercase; - font-size: 0.75em; - text-align: center; - z-index: 1; - display: inline-block; - position: relative; - line-height: 1; -} - -.blog-tag:after { - content: ""; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background-color: lightblue; - z-index: -1; -} - -.flat-card { - width: 100%; - padding: 8px; - transition: all 0.3s; -} - - .flat-card .flat-card-content { - background-color: white; - /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);*/ - } - -.blog-meta, .blog-title { - text-align: center; -} - -.masonry-item { - width: 100%; -} - -.tag-holder { - text-align: center; -} - -.blog-tag.orange:after { - background-color: orange; -} - -.section-header { - display: flex; - align-items: center; -} - -.section-header hr { - flex: 1; - margin-left: 1em; -} - -.menu-inner-image li a span { - margin-top: 10px; - margin-bottom: unset; -} - -@media (min-width: 576px) { - .masonry-item { - width: 50%; - } -} - -@media (min-width: 768px) { - .masonry-item { - width: 33%; - } -} - -.pagination .prev, .pagination .next { - display: list-item !important; -} - -.blog-title h3 { - cursor: pointer; - display: inline -} - -.blog-title a:hover { - color: rgb(71, 178, 228) -} - -.blog-title a { - color: black; - text-decoration: none; - transition: color 1s; -} - -.blog-title h3 + a { - margin-left: 0.25em; -} - -.blog-title h3 a:hover { - text-decoration: none; -} - -.popup-image { - overflow: hidden; - position: relative; - display: flex; -} - -.popup-image img { - min-width: 100%; - min-height: 100%; - transform: translate(-50%, 0%); - position: relative; - left: 50%; - top: 50%; - opacity: 25%; - transition: all 1s; -} - -.flat-card:hover .popup-image img { - transform: translate(-50%, 0%) scale(1.25); - opacity: 100%; -} - -.flat-card:hover { - margin-top: -10px; -} - -.trainings-map .inner-map { - height: 500px; - width: 100%; -} - -#image-slider { - margin: 0; - padding: 0; - background-color: #ccc; - height: 250px; -} - -#image-slider .swiper-container { - width: 100%; - height: 100%; -} - -#image-slider .swiper-wrapper { - margin-bottom: 0; -} - -#image-slider .swiper-slide { - text-align: center; - width: auto; -} - -#image-slider .swiper-slide img { - width: auto; - height: 250px; -} - -nav.menu-transparent:not(.scroll-menu) :not(.mega-dropdown) .menu-cnt > ul > li > a { - color: rgb(71, 178, 228) !important; -} - -h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child) { - margin-top: 45px; -} - -body > nav .menu-brand { - padding-top: 4px; - padding-bottom: 4px; -} - -.menu-brand a { - display: flex; - align-items: center; -} - -.menu-brand a span { - margin-left: 8px; - font-size: 1.25em; -} - -li pre { - margin: 0; -} - -li pre code { - padding: 0 !important; -} - -blockquote { - background-color: rgb(241, 245, 247); - border-left: 4px rgb(55, 81, 126) solid; - font-size: 21px; - line-height: 1.6; -} - -blockquote { - padding: 10px 20px; - margin-left: 0; - position: relative; - padding-left: 50px; -} - -blockquote:before { - content: "\65"; - font-family: "Icons"; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - speak: none; - text-transform: none; - position: absolute; - margin-left: -30px; -} - -li > p:last-child, li > ul:last-child, li > ol:last-child, li > pre:last-child, li > div:last-child { - margin-bottom: 1em; -} - -li > pre:not(:first-child) { - margin-top: 1em; - margin-bottom: 1em; -} - -.success-box.visible { - display: block !important; -} - -.error-box.visible { - display: block !important; -} - - -.mega-open-source .panel { - display: flex; -} - -.mega-open-source .description { - color: black; - text-align: left; -} - -.mega-open-source img { - text-align: left; - display: block; -} - -/* BEGIN: COOKIE BANNER */ -#cookie-banner { - position: fixed; - z-index: 1000; - left: 0; - right: 0; - bottom: 0; - background: #202020; - color: white; - display: none; - flex-direction: row; - align-items: center; -} - -#cookie-banner > p { - flex: 1; -} - -#cookie-banner a { - color: #3273dc; - cursor: pointer; - text-decoration: none; -} - -#cookie-banner > * { - margin: 10px; -} - -#cookie-banner button { - box-shadow: none; - padding: 5px 12px; - color: #363636; - border-radius: 3px; - border: 1px solid #dbdbdb; - background-color: white; - font-size: 16px; -} - -#cookie-banner button + button { - margin-left: 10px; -} - -@media screen and (max-width: 767px) { - #cookie-banner { - flex-direction: column; - } -} -/* END: COOKIE BANNER */ - -.legal-header+.section-base .container { - padding-top: 0; -} - -.legal-header .container { - padding-top: 50px; - padding-bottom: 50px; -} - -/* Long text blocks (``` ... ```) - use a H scrollbar */ -pre:not(.hljs) { - overflow-x: auto; -} - -/* Blog author list */ -.menu-inner-vertical.authors ul li { - border-top: 1px solid #bbb; -} - .menu-inner-vertical.authors ul li a { - color: rgb(71, 178, 228); - } - - .menu-inner-vertical.authors ul li a img { - vertical-align: text-bottom; - } - -#signUp:not(.loading) .fa-spin { - display: none; -} - -#signUp.loading span { - display: none; -} - -.icon-social a i { - transform: translateX(-50%) translateY(-50%); -} - -.social-colors.icon-links-button .vimeo:not(:hover), .social-colors-hover.icon-links-button .vimeo:hover, -.social-colors.icon-links-grid .vimeo:not(:hover), .social-colors-hover.icon-links-grid .vimeo:hover { - background-color: #464646; - border-color: #464646; - color: #FFF; -} diff --git a/src/Hosted/assets/custom.scss b/src/Hosted/assets/custom.scss new file mode 100644 index 00000000..ca967df8 --- /dev/null +++ b/src/Hosted/assets/custom.scss @@ -0,0 +1,424 @@ +table { + &>thead, &>tbody, &>tfoot { + &>tr { + &>td, &>th { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ddd; + } + } + } +} + +.tabs { + display: flex !important; + flex-wrap: wrap !important; + + div { + margin-right: 0.5em; + margin-bottom: 0.5em; + border-bottom: 1px transparent solid; + transition: all .5s; + + a { + color: white; + display: block; + position: relative; + text-decoration: none; + border-radius: 15px; + cursor: pointer; + transition: all .5s; + background-color: rgb(71, 178, 228); + padding: 0.25em 0.75em + } + } +} + +.blog-tag { + text-transform: uppercase; + font-size: 0.75em; + text-align: center; + z-index: 1; + display: inline-block; + position: relative; + line-height: 1; + + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: lightblue; + z-index: -1; + } + + &.orange:after { + background-color: orange; + } +} + +#image-slider { + margin: 0; + padding: 0; + background-color: #ccc; + height: 250px; + + .swiper-container { + width: 100%; + height: 100%; + } + + .swiper-wrapper { + margin-bottom: 0; + } + + .swiper-slide { + text-align: center; + width: auto; + + img { + width: auto; + height: 250px; + } + } +} + +.flat-card { + width: 100%; + padding: 8px; + transition: all 0.3s; + + &:hover { + margin-top: -10px; + } + + .flat-card-content { + background-color: white; + /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);*/ + } +} + +blockquote { + background-color: rgb(241, 245, 247); + border-left: 4px rgb(55, 81, 126) solid; + font-size: 21px; + line-height: 1.6; + padding: 10px 20px; + margin-left: 0; + position: relative; + padding-left: 50px; + + &:before { + content: "\65"; + font-family: "Icons"; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + speak: none; + text-transform: none; + position: absolute; + margin-left: -30px; + } +} + +.menu-inner-vertical.authors { + ul { + li { + border-top: 1px solid #bbb; + a { + color: rgb(71, 178, 228); + + img { + vertical-align: text-bottom; + } + } + } + } +} + +.masonry-item { + width: 100%; + + @media (min-width: 576px) { + width: 50%; + } + + @media (min-width: 768px) { + width: 33%; + } +} + +.section-header { + display: flex; + align-items: center; + + hr { + flex: 1; + margin-left: 1em; + } +} + +.menu-inner-image { + li { + a { + span { + margin-top: 10px; + margin-bottom: unset; + } + } + } +} + +.pagination { + .prev, .next { + display: list-item !important; + } +} + +.popup-image { + overflow: hidden; + position: relative; + display: flex; + + img { + min-width: 100%; + min-height: 100%; + transform: translate(-50%, 0%); + position: relative; + left: 50%; + top: 50%; + opacity: 25%; + transition: all 1s; + + .flat-card:hover & { + transform: translate(-50%, 0%) scale(1.25); + opacity: 100%; + } + } +} + +.blog-meta { + text-align: center; +} + +.blog-title { + text-align: center; + + h3 { + cursor: pointer; + display: inline; + + & + a { + margin-left: 0.25em; + } + + & a:hover { + text-decoration: none; + } + } + + a { + color: black; + text-decoration: none; + transition: color 1s; + + &:hover { + color: rgb(71, 178, 228) + } + } +} + +.tag-holder { + text-align: center; +} + +.trainings-map { + .inner-map { + height: 500px; + width: 100%; + } +} + +.menu-brand { + a { + display: flex; + align-items: center; + + span { + margin-left: 8px; + font-size: 1.25em; + } + } + + body > nav & { + padding-top: 4px; + padding-bottom: 4px; + } +} + +li { + pre { + margin: 0; + + code { + padding: 0 !important; + } + + &:not(:first-child) { + margin-top: 1em; + margin-bottom: 1em; + } + } + + p, ul, ol, pre, div { + &:last-child { + margin-bottom: 1em; + } + } +} + +.mega-open-source { + .panel { + display: flex; + } + + .description { + color: black; + text-align: left; + } + + img { + text-align: left; + display: block; + } +} + +.success-box, .error-box { + &.visible { + display: block !important; + } +} + +#cookie-banner { + position: fixed; + z-index: 1000; + left: 0; + right: 0; + bottom: 0; + background: #202020; + color: white; + display: none; + flex-direction: row; + align-items: center; + + & > p { + flex: 1; + } + + a { + color: #3273dc; + cursor: pointer; + text-decoration: none; + } + + & > * { + margin: 10px; + } + + button { + box-shadow: none; + padding: 5px 12px; + color: #363636; + border-radius: 3px; + border: 1px solid #dbdbdb; + background-color: white; + font-size: 16px; + + & + button { + margin-left: 10px; + } + } + + @media screen and (max-width: 767px) { + flex-direction: column; + } +} + +.legal-header { + & + .section-base { + .container { + padding-top: 0; + } + } + + .container { + padding-top: 50px; + padding-bottom: 50px; + } +} + +pre { + &:not(.hljs) { + overflow-x: auto; + } +} + +.icon-social { + a { + i { + transform: translateX(-50%) translateY(-50%); + } + } +} + +#signUp { + &:not(.loading) { + .fa-spin { + display: none; + } + } + &.loading { + span { + display: none; + } + } +} + +.social-colors, .social-colors-hover { + .icon-links-button, .icons-link-grid { + .vimeo { + &:not(:hover), &:hover { + background-color: #464646; + border-color: #464646; + color: #FFF; + } + } + } +} + +h1, h2, h3, h4, h5 { + &:not(:first-child) { + margin-top: 45px; + } +} + +nav { + &.menu-transparent { + &:not(.scroll-menu) { + &:not(.mega-dropdown) { + .menu-cnt { + & > ul { + & > li { + & > a { + color: rgb(71, 178, 228) !important; + } + } + } + } + } + } + } +} diff --git a/src/Hosted/scss/all.scss b/src/Hosted/scss/all.scss deleted file mode 100644 index 1e366d8c..00000000 --- a/src/Hosted/scss/all.scss +++ /dev/null @@ -1,137 +0,0 @@ -$family-monospace: 'Roboto Mono',monospace; -$menu-item-hover-background-color: transparent; - -// Basic customizations -$tag-radius: 20px; -$card-shadow: none; - -// Bulma -@import "./node_modules/bulma/sass/utilities/_all.sass"; -@import "./node_modules/bulma/sass/base/_all.sass"; -@import "./node_modules/bulma/sass/components/navbar.sass"; -@import "./node_modules/bulma/sass/components/level.sass"; -@import "./node_modules/bulma/sass/components/menu.sass"; -@import "./node_modules/bulma/sass/components/card.sass"; -@import "./node_modules/bulma/sass/components/panel.sass"; -@import "./node_modules/bulma/sass/components/breadcrumb.sass"; -@import "./node_modules/bulma/sass/elements/box.sass"; -@import "./node_modules/bulma/sass/elements/button.sass"; -@import "./node_modules/bulma/sass/elements/content.sass"; -@import "./node_modules/bulma/sass/elements/icon.sass"; -@import "./node_modules/bulma/sass/elements/tag.sass"; -@import "./node_modules/bulma/sass/elements/title.sass"; -@import "./node_modules/bulma/sass/elements/container.sass"; -@import "./node_modules/bulma/sass/layout/hero.sass"; -@import "./node_modules/bulma/sass/layout/section.sass"; -@import "./node_modules/bulma/sass/layout/footer.sass"; -@import "./node_modules/bulma/sass/grid/columns.sass"; -@import "./node_modules/bulma/sass/components/media.sass"; -@import "./node_modules/bulma/sass/helpers/spacing.sass"; -@import "./node_modules/bulma/sass/helpers/typography.sass"; -@import "./node_modules/bulma/sass/helpers/other.sass"; - -// Fonts -@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; -@import "https://fonts.googleapis.com/css?family=Roboto:400,500"; -@import "https://fonts.googleapis.com/css?family=Roboto+Mono"; - -// App -@import "navbar.scss"; -@import "drawer.scss"; -@import "home.scss"; -@import "footer.scss"; -@import "content-page.scss"; - -html { - font-size: 20px; -} - -body { - font-family: 'Roboto',sans-serif; - color: #222; -} - -pre, code { - font-family: $family-monospace; -} - -.panel-heading { - font-weight: normal; - padding: 0.5em 0.75em; -} - -.panel-block { - border-left: 1px solid white; -} - -.card-container { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(400px,1fr)); - grid-gap: 0.5em; -} - -.card { - height: max-content; -} - -nav.navbar-start .navbar-item:first-child { - border-right: 2px solid #777; -} - -.trainings-map .inner-map { - height: 500px; - width: 100%; -} - -#image-slider { - margin: 0; - padding: 0; - background-color: #ccc; - height: 250px; -} - -#image-slider .swiper-container { - width: 100%; - height: 100%; -} - -#image-slider .swiper-wrapper { - margin-bottom: 0; -} - -#image-slider .swiper-slide { - text-align: center; - width: auto; -} - -#image-slider .swiper-slide img { - width: auto; - height: 250px; -} - -$break-column-1: 510px; -$break-column-2: 810px; -$break-column-3: 1010px; - -.masonry-item { - width: 100%; - - @media screen and (min-width: $break-column-1) { - width: 50%; - } - - @media screen and (min-width: $break-column-2) { - width: 33%; - } - - @media screen and (min-width: $break-column-3) { - width: 25%; - } -} - -.navbar.transparent-navbar { - position: absolute; - width: 100%; - top: 0; - background: transparent; -} diff --git a/src/Hosted/scss/content-page.scss b/src/Hosted/scss/content-page.scss deleted file mode 100644 index 3e8ccf8f..00000000 --- a/src/Hosted/scss/content-page.scss +++ /dev/null @@ -1,73 +0,0 @@ -// Styles for content pages: docs, blogs. - -// Add sidebar background as a pseudo-element in the container rather than -// just put on the sidebar column, so that it extends all the way to the left. -.with-sidebar-background { - position: relative; - - &:before { - content: ""; - position: absolute; - background: whitesmoke; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: -1; - - // bulma reactive mixins: https://github.com/jgthms/bulma/issues/1818#issuecomment-383429940 - @include from($tablet) { - left: 50%; - } - } - - .markdown-column { - background: white; - } -} - -// Page title -.column .hero { - .title { - font-weight: 500; - } - - .subtitle { - font-size: $size-4; - color: $grey-light; - } -} - -// Remove extra padding from .section in main/menu columns -.columns.is-gapless { - & > .column:first-child > .section, - & > .column:first-child > .hero .hero-body { - @include from($desktop) { - padding-left: 0; - } - } - - & > .column:last-child > .section, - & > .column:last-child > .hero .hero-body { - @include from($desktop) { - padding-right: 0; - } - } -} - -.hljs { - // Code blocks are generated as 
...
-  // Bulma adds padding to 
, and hljs adds padding to .
-  // This cancels out bulma's padding while keeping hljs's background.
-  margin: -1.25em -1.5em;
-}
-
-.markdown-column {
-  // Without the following, wide code blocks on narrow screens
-  // cause the whole text to overflow.
-  overflow-x: hidden;
-}
-
-.content pre {
-  margin: 1em 0;
-}
diff --git a/src/Hosted/scss/drawer.scss b/src/Hosted/scss/drawer.scss
deleted file mode 100644
index d66e93ce..00000000
--- a/src/Hosted/scss/drawer.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-.drawer-backdrop {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 100vw;
-  z-index: 4999;
-  background-color: rgba(10, 10, 10, 0.86);
-
-  &.shown {
-    left: 0;
-  }
-}
-
-.lhs-drawer {
-  width: 300px;
-  padding: 0.5rem;
-  position: fixed;
-  left: -300px;
-  top: 0;
-  transition: left 0.1s linear;
-  bottom: 0;
-  z-index: 5000;
-  background-color: white;
-  overflow-y: auto;
-
-  &.shown {
-    left: 0;
-  }
-}
diff --git a/src/Hosted/scss/footer.scss b/src/Hosted/scss/footer.scss
deleted file mode 100644
index 6f7d64c8..00000000
--- a/src/Hosted/scss/footer.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.footer .title {
-  /*color: #363636;*/
-  font-size: 1.25rem;
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-
-  &:not(:first-child) {
-    margin-top: 1.5rem;
-  }
-
-  a {
-    color: inherit;
-  }
-}
-
-.first-footer{
-  border-top: solid 4px whitesmoke;
-}
-
-.second-footer {
-  background: whitesmoke;
-}
diff --git a/src/Hosted/scss/home.scss b/src/Hosted/scss/home.scss
deleted file mode 100644
index d18ca870..00000000
--- a/src/Hosted/scss/home.scss
+++ /dev/null
@@ -1,128 +0,0 @@
-.page-banner {
-  background-size: cover;
-  background-position: center center;
-  background-image: url('/img/banner.jpg');
-
-  .title {
-    font-size: 48px;
-    margin-top: 70px; /* height of the navbar */
-  }
-
-  .subtitle {
-    font-size: 32px;
-  }
-
-  .title, .subtitle {
-    text-shadow: 0 0 20px rgba(255,255,255,0.5);
-  }
-
-  &.is-dark {
-    .title, .subtitle {
-      text-shadow: 0 0 20px rgba(0,0,0,0.5);
-    }
-  }
-}
-
-/* BEGIN main page blocks */
-pre + .subtitle,
-p + .subtitle {
-  margin-top: 1.5rem;
-}
-
-.is-muted {
-  opacity: 0.8;
-}
-
-pre.is-large {
-  font-size: 1rem;
-}
-
-pre input {
-  font-family: $family-monospace;
-  display: block;
-  min-width: 100%;
-  border: 0;
-  background: transparent;
-  font-size: inherit;
-  color: inherit;
-}
-
-a.link {
-  color: rgb(50, 115, 220) !important;
-}
-
-.home-splash video {
-  width: 100%;
-}
-
-.half-container {
-  margin: 0;
-  position: relative;
-}
-
-@media screen and (min-width: 1024px) {
-  .half-container-wrapper {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .has-text-right-tablet.half-container-wrapper {
-    justify-content: flex-end;
-  }
-
-  .half-container {
-    max-width: 480px;
-    width: 480px;
-  }
-}
-
-@media screen and (max-width: 1215px) {
-  .half-container.is-widescreen {
-    max-width: 576px;
-    width: auto;
-  }
-}
-
-@media screen and (min-width: 1216px) {
-  .half-container {
-    max-width: 576px;
-    width: 576px;
-  }
-}
-
-@media screen and (min-width: 1408px) {
-  .half-container {
-    max-width: 672px;
-    width: 672px;
-  }
-}
-
-.is-reversed {
-  display: flex;
-  flex-direction: column-reverse;
-}
-
-@media screen and (max-width: 767px) {
-  .is-reversed-mobile {
-    display: flex;
-    flex-direction: column-reverse;
-  }
-}
-
-@media screen and (max-width: 1023px) {
-  .is-reversed-tablet {
-    display: flex;
-    flex-direction: column-reverse;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  .is-vcentered-tablet {
-    align-items: center;
-  }
-}
-/* END main page blocks */
-
-.box.no-padding {
-  padding: 0;
-}
diff --git a/src/Hosted/scss/navbar.scss b/src/Hosted/scss/navbar.scss
deleted file mode 100644
index f9aec23f..00000000
--- a/src/Hosted/scss/navbar.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-
-.navbar {
-  background: $light;
-
-  .normal-bar {
-    position: static;
-  }
-
-  &.overlay-bar {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    z-index: 999;
-    background: rgba(0,0,0,0.17);
-  }
-
-  * {
-    color: $dark !important;
-  }
-
-  .fa {
-    font-size: 1.5em;
-  }
-}
-
-
-.navbar-brand {
-    font-size: 1.25rem;
-    line-height: inherit;
-}
-
-.navbar-item.is-hoverable:hover, .navbar-item.is-hoverable:hover *, .navbar-link.is-hoverable:hover {
-    text-decoration: none !important;
-    color: black !important;
-}
-
-@media (min-width: 1024px) {
-
-    .navbar-brand .navbar-item:first-child {
-        display: none;
-    }
-}
-
-.navbar-link.is-arrowless {
-  padding-right: 1rem;
-  &::after {
-    content: unset;
-  }
-}
-
-@media screen and (max-width: 1024px) {
-    .navbar-item, .navbar-link {
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-    }
-
-    .navbar-item.has-dropdown {
-        -webkit-box-align: stretch;
-        -ms-flex-align: stretch;
-        align-items: stretch;
-    }
-
-    .navbar-dropdown {
-        background-color: white;
-        border-bottom-left-radius: 5px;
-        border-bottom-right-radius: 5px;
-        border-top: 1px solid #dbdbdb;
-        -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
-        box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
-        display: none;
-        font-size: 0.875rem;
-        left: 0;
-        min-width: 100%;
-        position: absolute;
-        top: 100%;
-        z-index: 20;
-    }
-
-    .navbar-dropdown.is-right {
-        left: auto;
-        right: 0;
-    }
-}
diff --git a/src/Website/Website.fsproj b/src/Website/Website.fsproj
index 890954c3..b4a3236d 100644
--- a/src/Website/Website.fsproj
+++ b/src/Website/Website.fsproj
@@ -15,7 +15,6 @@
 
   
     
-