diff --git a/app/ui.R b/app/ui.R index 1ffde4b..9f6f57a 100644 --- a/app/ui.R +++ b/app/ui.R @@ -9,35 +9,25 @@ shinyUI(fluidPage( useShinyjs(), tags$head( - tags$link(rel = 'stylesheet', type = 'text/css', href = 'styles.css'), - tags$link(rel = 'icon', href = 'fliptrans.png'), - tags$link(rel = 'stylesheet', href = 'https://fonts.googleapis.com/css?family=Roboto+Mono'), - tags$link(rel = 'stylesheet', href = 'https://fonts.googleapis.com/css?family=Inter') + title = "Flipside Data Science", + tags$link(rel = "stylesheet", type = "text/css", href = "styles.css"), + tags$link(rel = "stylesheet", href = "https://fonts.googleapis.com/css?family=Questrial"), + tags$link(rel = "stylesheet", href = "https://fonts.googleapis.com/css?family=Inter") ), - tags$head(tags$script(src = 'rudderstack.js')), - tags$style(type='text/css', - '.shiny-output-error { visibility: hidden; }', - '.shiny-output-error:before { visibility: hidden; }' - ), - withTags({ - header(class='top-banner', + header(class="top-banner", section( - a(class='fs-logo', href='https://www.flipsidecrypto.com', - 'Powered by Flipside Crypto', onclick = 'rudderstack.track("ntr-click-flipside-icon")'), - section(class='socials', - a(class='twitter', href='https://twitter.com/flipsidecrypto', - 'Twitter', onclick = 'rudderstack.track("ntr-click-twitter-icon")'), - a(class='linkedin', href='https://www.linkedin.com/company/flipside-crypto', - 'LinkedIn', onclick = 'rudderstack.track("ntr-click-linkedin-icon")'), - a(class='discord', href='https://flipsidecrypto.com/discord', - 'Discord', onclick = 'rudderstack.track("ntr-click-discord-icon")'), - a(href='https://app.flipsidecrypto.com/auth/signup/', # redirects to xyz signup - 'Sign Up', onclick = 'rudderstack.track("ntr-click-signup-icon")') + a(class="fs-logo", href="https://www.flipsidecrypto.com", img(src = "FLIPSIDE-BRAND-1-WHITE.png", width = "75%")), + section(class="socials", + a(class="twitter", target = "_blank", href="https://twitter.com/flipsidecrypto", "Twitter"), + a(class="linkedin", target = "_blank", href="https://www.linkedin.com/company/flipside-crypto", "LinkedIn"), + a(class="discord", target = "_blank", href="https://flipsidecrypto.com/discord", "Discord"), + a(href="https://next.flipsidecrypto.xyz/", target = "_blank", "Explore our data!") ) ) ) }), + hr(class = "break-line"), # APP LABEL HERE ----------------------------------- diff --git a/app/www/FLIPSIDE-BRAND-1-WHITE.png b/app/www/FLIPSIDE-BRAND-1-WHITE.png new file mode 100644 index 0000000..984c2ba Binary files /dev/null and b/app/www/FLIPSIDE-BRAND-1-WHITE.png differ