home.social

#282c37 — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #282c37, aggregated by home.social.

fetched live
  1. CW: tech, webkit, long

    And I guess the most obvious thing to test it with is mastodon.

    And so:

    theme color - #191B22
    under page background color: #191B22 as well
    sampled page top color: #282C37

    So here the sampled color is better than theme color, but that one should be respected, so oh well.

    More so if light theme is used - theme-color is still dark while both background and sampled colors are appropriately light...

    And apparently there's one more layer to this.

    developer.mozilla.org/en-US/ has theme-color set to white and yet Safari picks up sampled color: #1B1B1B

    I'm honestly not sure why. Maybe it treats white theme-color as unset?..

  2. @me

    .compose-form__modifiers {
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    background: #282c37;
    }

    .composer--options-wrapper {
    padding: 10px;
    background: #1f232b;
    border-radius: 0 0 4px 4px;
    height: 27px;
    display: flex;
    justify-content: space-between;
    flex: 0 0 auto;
    }

    .autosuggest-input label .autosuggest-textarea_textarea, .compose-formautosuggest-wrapper label .autosuggest-textarea_textarea {
    display: block;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    border-radius: 4px 4px 0 0;
    padding: 10px 32px 10px 10px;
    width: 100%;
    min-height: 100px;
    outline: 0;
    color: #fff;
    background: #282c37;
    font-size: 14px;
    font-family: inherit;
    resize: none;
    scrollbar-color: auto;
    }

    .character-counter {
    cursor: default;
    font-family: "mastodon-font-sans-serif",sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    }

    .autosuggest-input label .autosuggest-textarea_textarea:disabled, .compose-formautosuggest-wrapper label .autosuggest-textarea_textarea:disabled {
    background: #282c37;
    }

    you can prolly trim out the parts that don't directly modify the colors, but this should be it

  3. @trwnh Well I'll be damned...

    ```
    <meta content='#282c37' name='theme-color'>
    ```

  4. " Quieren todos los emojis de quey en .la?"

    ganó el "NO! Dejalo como está que anda rápido"

    Para dejar a todos contentos, podemos incluir emojis individuales. Pero es complicado.

    Para incluir emojis individuales, estos deben seguir el patrón de emojis dispuesto por su majestad Eugene (el creador del software mastodon). Y estos son:

    * el formato del emoji debe ser .png o .gif
    * el tamaño del archivo no debe superar los 50kb.
    * el emoji puede ser animado (igual no puede superar los 50kb).
    * el emoji debe ser cuadrado.
    * el tamaño no importa, pero cuadrado!
    * el nombre es importante porque es lo que se usará para completarlo. Ejemplo: :blobaww: se escribe : blobaww : sin espacio.
    * si es un emoji existente, ok. Con los requerimientos especificados estamos bien.

    Si es un emoji propio, es decir, si quieren aportar un emoji/s realizado por uds, aparte de todo lo indicado deben:
    * opcional: por temas estéticos pueden asumir que los colores de background serán en un 90% alguno de estos: #1F232B, #282C37, #D9E1E8, #E6EBF0, #FFFFFF.
    * si es un emoji nuevo y son el autor, entonces deben publicarlo bajo licencia Creative Commons 4.0 o similar. Esto lo hacen poniendo el emoji/s en un archivo .zip junto con un README diciendo que el copyright es de ustedes y que la licencia que usan es Creative Commons 4.0.

    La licencia es importante! Lo que pasará es que otras instancias replicarán su emoji y formará parte del fediverso. Así que sueltenlón (?) con la licencia apropiada.

    Pueden enviármelo a mi a @pthenq1 o a @Kurarita o a @SeverianX por mensaje privado. Y le daremos curso.

  5. @hansw Thats not what I see.

    Here is the header to your profile found here: qoto.org/@hansw

    Notice it clearly shows the noindex meta tag:

    <!DOCTYPE html>
    <html lang='en'>
    <head>
    <meta charset='utf-8'>
    <meta content='width=device-width, initial-scale=1' name='viewport'>
    <link href='/favicon.ico' rel='icon' type='image/x-icon'>
    <link href='/apple-touch-icon.png' rel='apple-touch-icon' sizes='180x180'>
    <link color='#2B90D9' href='/mask-icon.svg' rel='mask-icon'>
    <link href='/manifest.json' rel='manifest'>
    <meta content='/browserconfig.xml' name='msapplication-config'>
    <meta content='#282c37' name='theme-color'>
    <meta content='yes' name='apple-mobile-web-app-capable'>
    <script src='/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
    <title>Hansw (@hansw) - Qoto Mastodon</title>
    <link rel="stylesheet" media="all" href="/packs/css/common-e281f04d.css" />
    <link rel="stylesheet" media="all" href="/packs/css/default-d020ef5f.chunk.css" />
    <script src="/packs/js/common-775c8ec529edaf44f31d.js" crossorigin="anonymous"></script>
    <script src="/packs/js/locale_en-f3268010560d3c65b6ad.chunk.js" crossorigin="anonymous"></script>
    <meta name="csrf-param" content="authenticity_token" />
    <meta name="csrf-token" content="rLJZl3ckevfm8BvgGGhLmdSijRspf33MJwodLHqpPE25lULJrdolnLlPb7xfzNv/AWkC7GgsiFgSAZBHIRSi+w==" />
    <link rel="stylesheet" media="all" href="/custom.css" />
    <meta content='411 Toots, 31 Following, 26 Followers · See my pinned post :-)' name='description'>
    <meta content='noindex, noarchive' name='robots'>
    <link href='qoto.org/@hansw.rss' rel='alternate' type='application/rss+xml'>
    <link href='qoto.org/users/hansw' rel='alternate' type='application/activity+json'>
    <link href='qoto.org/@hansw?max_id=1044124' rel='next'>
    <meta content="profile" property="og:type" />
    <meta content='411 Toots, 31 Following, 26 Followers · See my pinned post :-)' name='description'>
    <meta content="qoto.org/@hansw" property="og:url" />
    <meta content="Qoto Mastodon" property="og:site_name" />
    <meta content="Hansw (@hansw)" property="og:title" />
    <meta content="411 Toots, 31 Following, 26 Followers · See my pinned post :-)" property="og:description" />
    <meta content="storage.gra.cloud.ovh.net/v1/A" property="og:image" />
    <meta content="120" property="og:image:width" />
    <meta content="120" property="og:image:height" />
    <meta content="summary" property="twitter:card" />
    <meta content="[email protected]" property="profile:username" />