mirror of
https://gitlab.com/upRootNutrition/website.git
synced 2025-06-16 12:25:12 -05:00
refactor: map abuse
This commit is contained in:
Nick
parent
718a9ecaa7
commit
7c0577d3d9
7 changed files with 590 additions and 196 deletions
|
|
@ -1,18 +1,83 @@
|
|||
module Pages.Platforms exposing (page)
|
||||
module Pages.Platforms exposing (Model, Msg, page)
|
||||
|
||||
import Config.Identity as ID exposing (..)
|
||||
import Config.Theme as T exposing (..)
|
||||
import Effect exposing (Effect)
|
||||
import Element exposing (..)
|
||||
import Element.Background as B
|
||||
import Element.Font as F
|
||||
import Element.Region exposing (description)
|
||||
import Html.Attributes as H exposing (style)
|
||||
import Layouts
|
||||
import Page exposing (Page)
|
||||
import Route exposing (Route)
|
||||
import Shared
|
||||
import View exposing (View)
|
||||
|
||||
|
||||
page : View msg
|
||||
page =
|
||||
{ title = platformName
|
||||
, attributes = [ F.family [ spartanFont ] ]
|
||||
page : Shared.Model -> Route () -> Page Model Msg
|
||||
page shared route =
|
||||
Page.new
|
||||
{ init = init
|
||||
, update = update
|
||||
, subscriptions = subscriptions
|
||||
, view = view
|
||||
}
|
||||
|> Page.withLayout toLayout
|
||||
|
||||
|
||||
toLayout : Model -> Layouts.Layout Msg
|
||||
toLayout model =
|
||||
Layouts.Navbar {}
|
||||
|
||||
|
||||
|
||||
-- INIT
|
||||
|
||||
|
||||
type alias Model =
|
||||
{}
|
||||
|
||||
|
||||
init : () -> ( Model, Effect Msg )
|
||||
init () =
|
||||
( {}
|
||||
, Effect.none
|
||||
)
|
||||
|
||||
|
||||
|
||||
-- UPDATE
|
||||
|
||||
|
||||
type Msg
|
||||
= NoOp
|
||||
|
||||
|
||||
update : Msg -> Model -> ( Model, Effect Msg )
|
||||
update msg model =
|
||||
case msg of
|
||||
NoOp ->
|
||||
( model
|
||||
, Effect.none
|
||||
)
|
||||
|
||||
|
||||
|
||||
-- SUBSCRIPTIONS
|
||||
|
||||
|
||||
subscriptions : Model -> Sub Msg
|
||||
subscriptions model =
|
||||
Sub.none
|
||||
|
||||
|
||||
|
||||
-- VIEW
|
||||
|
||||
|
||||
view : Model -> View Msg
|
||||
view model =
|
||||
{ title = platformsName
|
||||
, attributes = []
|
||||
, element = platformsContainer
|
||||
}
|
||||
|
||||
|
|
@ -25,13 +90,36 @@ platformsContainer =
|
|||
platformsList : Element msg
|
||||
platformsList =
|
||||
column
|
||||
[ spacing 20
|
||||
[ spacing 40
|
||||
, centerX
|
||||
]
|
||||
platforms
|
||||
|
||||
platforms : List (Element msg)
|
||||
platforms =
|
||||
|
||||
type alias MakeRowInput msg =
|
||||
{ logoImage : String
|
||||
, logoDescription : String
|
||||
, platformsLink : String
|
||||
, platformsTitle : String
|
||||
, platformsParagraph1 : List (Element msg)
|
||||
, platformsParagraph2 : List (Element msg)
|
||||
, platformsRecommendedClientLink1 : String
|
||||
, platformsRecommendedClientLabel1 : String
|
||||
, platformsRecommendedClientText1 : String
|
||||
, platformsRecommendedClientLink2 : String
|
||||
, platformsRecommendedClientLabel2 : String
|
||||
, platformsRecommendedClientText2 : String
|
||||
, platformsRecommendedClientLink3 : String
|
||||
, platformsRecommendedClientLabel3 : String
|
||||
, platformsRecommendedClientText3 : String
|
||||
, platformsRecommendedClientLink4 : String
|
||||
, platformsRecommendedClientLabel4 : String
|
||||
, platformsRecommendedClientText4 : String
|
||||
}
|
||||
|
||||
|
||||
makeRow : MakeRowInput msg -> Element msg
|
||||
makeRow makeRowInput =
|
||||
let
|
||||
recommendedClients : Element msg
|
||||
recommendedClients =
|
||||
|
|
@ -43,68 +131,97 @@ platforms =
|
|||
, alignTop
|
||||
]
|
||||
in
|
||||
[ column
|
||||
[ spacing 40 ]
|
||||
[ row [ imageSpacer ]
|
||||
[ image platformImageFormat
|
||||
{ src = "mastodon.png"
|
||||
, description = "mastodon logo"
|
||||
row [ imageSpacer ]
|
||||
[ image platformImageFormat
|
||||
{ src = makeRowInput.logoImage
|
||||
, description = makeRowInput.logoDescription
|
||||
}
|
||||
, column paragraphColumnFormat
|
||||
[ newTabLink titleFormat
|
||||
{ url = makeRowInput.platformsLink
|
||||
, label = text makeRowInput.platformsTitle
|
||||
}
|
||||
, column paragraphColumnFormat
|
||||
[ newTabLink titleFormat
|
||||
{ url = "https://the-nutrivore.social/"
|
||||
, label = text "MASTODON"
|
||||
}
|
||||
, paragraph paragraphFormat [ text "Microblogging will now be posted to my own self-hosted Mastodon instance. I've kinda grown tired of microblogging on X, where political correctness and unclear ban policies force me to constantly self-censor. I considered and ultimately rejected several alternative platforms. Eventually, I realized the solution to this problem is to simply self-host my own space―somewhere where I can be myself and speak as I please. And I recently obtained the necessary infrastructure to do this." ]
|
||||
, paragraph paragraphFormat [ text "This instance is 100% mine, and I can't be censored or fucked with there. I invite everyone who values my content and interactions to follow me on this new platform (whether you agree with my views or not). My instance is a \"single-user\" instances, meaning I'm the only user. But you can still follow me! Just make an account on another instance, like ", paragraphLinkFormat { url = "https://mastodon.social", label = text "Mastodon.social" }, text " (alternatively, you can select whatever instance you wish from the ", paragraphLinkFormat { url = "https://instances.social/", label = text "official index" }, text "), follow me, and turn on notifications." ]
|
||||
, paragraph paragraphFormat
|
||||
[ recommendedClients
|
||||
, paragraphLinkFormat { url = "https://github.com/LucasGGamerM/moshidon", label = text "Moshidon" }
|
||||
, text " (android) "
|
||||
, paragraphLinkFormat { url = "https://github.com/mastodon/mastodon-android", label = text "Official" }
|
||||
, text " (android) "
|
||||
, paragraphLinkFormat { url = "https://github.com/tuskyapp/Tusky", label = text "Tusky" }
|
||||
, text " (android) "
|
||||
, paragraphLinkFormat { url = "https://apps.apple.com/us/app/mastodon/id1571998974", label = text "Official" }
|
||||
, text " (iOS)"
|
||||
]
|
||||
]
|
||||
]
|
||||
, row [ imageSpacer ]
|
||||
[ image platformImageFormat
|
||||
{ src = "peertube.png"
|
||||
, description = "peertube logo"
|
||||
}
|
||||
, column paragraphColumnFormat
|
||||
[ newTabLink titleFormat
|
||||
{ url = "https://video.the-nutrivore.social/"
|
||||
, label = text "PEERTUBE"
|
||||
}
|
||||
, paragraph paragraphFormat [ text "I'm transitioning my video content from YouTube to my self-hosted PeerTube instance, because I strongly believe in freedom of speech, copyleft, and digital autonomy. YouTube has proven unreliable due to both censorship and copyright strikes levied against my channel. This shift allows me to better control my content and avoid these silly pitfalls." ]
|
||||
, paragraph paragraphFormat [ text "Full-length videos are now exclusively available on PeerTube, while YouTube will only host clips. By registering on PeerTube and subscribing to my channels, you'll have access to all content. Just be sure to enable email notifications to be alerted of new uploads. I believe that those who are truly fans of my work and want the best experience possible will see this as a positive change." ]
|
||||
, paragraph paragraphFormat [ recommendedClients, text "Unfortunately, I can't recommend any mobile clients for PeerTube at this time. They're all trash. Please use your browser, either on your mobile device or personal computer. Just be use to enable email notifications in your account settings." ]
|
||||
]
|
||||
]
|
||||
, row [ imageSpacer ]
|
||||
[ image platformImageFormat
|
||||
{ src = "discord.png"
|
||||
, description = "discord logo"
|
||||
}
|
||||
, column paragraphColumnFormat
|
||||
[ newTabLink titleFormat
|
||||
{ url = "https://discord.gg/eeYQ2wJknS"
|
||||
, label = text "DISCORD"
|
||||
}
|
||||
, paragraph paragraphFormat [ text "The Nutrivore Discord server is an evidence-based community dedicated to debunking pseudoscience, especially in the fields of nutrition, health and fitness. Casual discourse is welcome, and includes topics such as cooking, gaming, technology, and more. Current members span many disciplines and include both students and professionals, all levels of interest and expertise are welcome." ]
|
||||
, paragraph paragraphFormat [ text "The Discord server is not explicitly a debate server. However, we strongly encourage that disagreements be resolved using debate (preferably verbal), as long as it is conducted respectfully and in good faith. Though we also firmly believe that shaming sophistry and bad faith behaviour is a net good overall. The Discord server is planned to be replaced with a Matrix server in future." ]
|
||||
, paragraph paragraphFormat
|
||||
[ recommendedClients
|
||||
, paragraphLinkFormat { url = "https://github.com/Vendicated/Vencord", label = text "Vencord" }
|
||||
, text " (desktop) "
|
||||
, paragraphLinkFormat { url = "https://discord.com/download", label = text "Official" }
|
||||
, text " (multi-platform) "
|
||||
]
|
||||
, paragraph paragraphFormat makeRowInput.platformsParagraph1
|
||||
, paragraph paragraphFormat makeRowInput.platformsParagraph2
|
||||
, paragraph paragraphFormat
|
||||
[ recommendedClients
|
||||
, paragraphLinkFormat { url = makeRowInput.platformsRecommendedClientLink1, label = text makeRowInput.platformsRecommendedClientLabel1 }
|
||||
, text makeRowInput.platformsRecommendedClientText1
|
||||
, paragraphLinkFormat { url = makeRowInput.platformsRecommendedClientLink2, label = text makeRowInput.platformsRecommendedClientLabel2 }
|
||||
, text makeRowInput.platformsRecommendedClientText2
|
||||
, paragraphLinkFormat { url = makeRowInput.platformsRecommendedClientLink3, label = text makeRowInput.platformsRecommendedClientLabel3 }
|
||||
, text makeRowInput.platformsRecommendedClientText3
|
||||
, paragraphLinkFormat { url = makeRowInput.platformsRecommendedClientLink4, label = text makeRowInput.platformsRecommendedClientLabel4 }
|
||||
, text makeRowInput.platformsRecommendedClientText4
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
|
||||
|
||||
platforms : List (Element msg)
|
||||
platforms =
|
||||
List.map makeRow
|
||||
[ { logoImage = "mastodon.png"
|
||||
, logoDescription = "mastodon logo"
|
||||
, platformsLink = "https://the-nutrivore.social/"
|
||||
, platformsTitle = "MASTODON"
|
||||
, platformsParagraph1 = [ text "Microblogging will now be posted to my own self-hosted Mastodon instance. I've kinda grown tired of microblogging on X, where political correctness and unclear ban policies force me to constantly self-censor. I considered and ultimately rejected several alternative platforms. Eventually, I realized the solution to this problem is to simply self-host my own space―somewhere where I can be myself and speak as I please. And I recently obtained the necessary infrastructure to do this." ]
|
||||
, platformsParagraph2 =
|
||||
[ text "This instance is 100% mine, and I can't be censored or fucked with there. I invite everyone who values my content and interactions to follow me on this new platform (whether you agree with my views or not). My instance is a \"single-user\" instances, meaning I'm the only user. But you can still follow me! Just make an account on another instance, like "
|
||||
, paragraphLinkFormat { url = "https://mastodon.social", label = text "Mastodon.social" }
|
||||
, text " (alternatively, you can select whatever instance you wish from the "
|
||||
, paragraphLinkFormat { url = "https://instances.social/", label = text "official index" }
|
||||
, text "), follow me, and turn on notifications."
|
||||
]
|
||||
, platformsRecommendedClientLink1 = "https://github.com/LucasGGamerM/moshidon"
|
||||
, platformsRecommendedClientLabel1 = "Moshidon"
|
||||
, platformsRecommendedClientText1 = " (android) "
|
||||
, platformsRecommendedClientLink2 = "https://github.com/mastodon/mastodon-android"
|
||||
, platformsRecommendedClientLabel2 = "Official"
|
||||
, platformsRecommendedClientText2 = " (android) "
|
||||
, platformsRecommendedClientLink3 = "https://github.com/tuskyapp/Tusky"
|
||||
, platformsRecommendedClientLabel3 = "Tusky"
|
||||
, platformsRecommendedClientText3 = " (android) "
|
||||
, platformsRecommendedClientLink4 = "https://apps.apple.com/us/app/mastodon/id1571998974"
|
||||
, platformsRecommendedClientLabel4 = "Official"
|
||||
, platformsRecommendedClientText4 = " (iOS)"
|
||||
}
|
||||
, { logoImage = "peertube.png"
|
||||
, logoDescription = "peertube logo"
|
||||
, platformsLink = "https://video.the-nutrivore.social/"
|
||||
, platformsTitle = "PEERTUBE"
|
||||
, platformsParagraph1 = [ text "I'm transitioning my video content from YouTube to my self-hosted PeerTube instance, because I strongly believe in freedom of speech, copyleft, and digital autonomy. YouTube has proven unreliable due to both censorship and copyright strikes levied against my channel. This shift allows me to better control my content and avoid these silly pitfalls." ]
|
||||
, platformsParagraph2 = [ text "Full-length videos are now exclusively available on PeerTube, while YouTube will only host clips. By registering on PeerTube and subscribing to my channels, you'll have access to all content. Just be sure to enable email notifications to be alerted of new uploads. I believe that those who are truly fans of my work and want the best experience possible will see this as a positive change." ]
|
||||
, platformsRecommendedClientLink1 = ""
|
||||
, platformsRecommendedClientLabel1 = ""
|
||||
, platformsRecommendedClientText1 = "Unfortunately, I can't recommend any mobile clients for PeerTube at this time. They're all trash. Please use your browser, either on your mobile device or personal computer. Just be use to enable email notifications in your account settings."
|
||||
, platformsRecommendedClientLink2 = ""
|
||||
, platformsRecommendedClientLabel2 = ""
|
||||
, platformsRecommendedClientText2 = ""
|
||||
, platformsRecommendedClientLink3 = ""
|
||||
, platformsRecommendedClientLabel3 = ""
|
||||
, platformsRecommendedClientText3 = ""
|
||||
, platformsRecommendedClientLink4 = ""
|
||||
, platformsRecommendedClientLabel4 = ""
|
||||
, platformsRecommendedClientText4 = ""
|
||||
}
|
||||
, { logoImage = "discord.png"
|
||||
, logoDescription = "discord logo"
|
||||
, platformsLink = "https://discord.gg/eeYQ2wJknS"
|
||||
, platformsTitle = "DISCORD"
|
||||
, platformsParagraph1 = [ text "The Nutrivore Discord server is an evidence-based community dedicated to debunking pseudoscience, especially in the fields of nutrition, health and fitness. Casual discourse is welcome, and includes topics such as cooking, gaming, technology, and more. Current members span many disciplines and include both students and professionals, all levels of interest and expertise are welcome." ]
|
||||
, platformsParagraph2 = [ text "The Discord server is not explicitly a debate server. However, we strongly encourage that disagreements be resolved using debate (preferably verbal), as long as it is conducted respectfully and in good faith. Though we also firmly believe that shaming sophistry and bad faith behaviour is a net good overall. The Discord server is planned to be replaced with a Matrix server in future." ]
|
||||
, platformsRecommendedClientLink1 = "https://github.com/Vendicated/Vencord"
|
||||
, platformsRecommendedClientLabel1 = "Vencord"
|
||||
, platformsRecommendedClientText1 = " (desktop) "
|
||||
, platformsRecommendedClientLink2 = "https://discord.com/download"
|
||||
, platformsRecommendedClientLabel2 = "Official"
|
||||
, platformsRecommendedClientText2 = " (multi-platform)"
|
||||
, platformsRecommendedClientLink3 = ""
|
||||
, platformsRecommendedClientLabel3 = ""
|
||||
, platformsRecommendedClientText3 = ""
|
||||
, platformsRecommendedClientLink4 = ""
|
||||
, platformsRecommendedClientLabel4 = ""
|
||||
, platformsRecommendedClientText4 = ""
|
||||
}
|
||||
]
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue