Criterios de estilo para las noticias

Las noticias, existen en un sistema ligeramente diferente al de la wiki principal de osu!, pero siguen principios similares. Para redactarlas hay que prestar especial atención a algunas características y formatos clave que se describen a continuación.

Al igual que los artículos de la wiki, todas las noticias deben tener un mínimo de ortografía y gramática correctas, así como información correcta y actualizada.

Cualquiera que esté interesado en contribuir o escribir noticias puede enviar un mensaje en el canal #osu-news del servidor de Discord osu!. También pueden ponerse en contacto con Hivie, RandomeLoL, Walavouchey o cualquier mantenedor de la wiki o de las noticias activo.

Para torneos y concursos, los anuncios de las inscripciones en noticias específicas requieren la aprobación previa del Comité de Torneos y del Comité de Concursos, respectivamente. Consulta las páginas Soporte oficial para torneos y Soporte oficial para concursos de beatmapping para conocer las reglas y obtener más información al respecto.

Configuraciones regionales

El sistema de noticias no acepta configuraciones regionales. Todos los artículos deben estar en inglés (preferiblemente inglés británico), con un registro consistente.

Lo que implique este registro depende del enfoque y el tono del artículo, pero debe ser consistente. Los artículos que suenen profesionales deben sonar siempre profesionales. Los artículos que sean de conversación deben ser siempre de conversación.

Estándares de redacción

Todas las noticias deben redactarse teniendo en cuenta algunos conceptos clave: concisión, audiencia y presentación.

Concisión

Las noticias deben ser breves y concisas, con la información adecuada resumida al máximo sin ser demasiado densa.

Proporciona enlaces a recursos más detallados en lugar de referenciarlos directamente en el texto. Siempre que sea posible, usa presentaciones visuales para transmitir grandes cantidades de información de un vistazo.

Audiencia

El público principal de osu!, en su mayoría, son adolescentes y jóvenes adultos, aunque somos una comunidad para todas las edades. Considera la capacidad de atención de dicho grupo demográfico; la concisión está estrechamente relacionada con esto.

Analiza bien lo que escribes en tu artículo y piensa si le interesaría a la comunidad en general lo suficiente como para justificar su inclusión.

Presentación

La presentación de las noticias debe ser lo más neutra posible.

Un artículo agradablemente neutro, aunque sea vago, es a la vez ligero y sólido, y dice lo que tiene que decir sin grandes bloques de texto. Debe ser consistente en cuanto a formato, estilo y registro. Las grandes cantidades de información deben apoyarse o suplantarse con ayudas visuales.

Formato

Nombres de los archivos

Las noticias son archivos en formato markdown (.md) ubicados en el directorio news/ del repositorio osu-wiki en GitHub, con el siguiente formato:

news/yyyy/yyyy-mm-dd-título-de-la-noticia.md

El nombre del archivo debe contener el título completo, con todos los espacios reemplazados por guiones (-) y todos los caracteres adicionales (como signos de puntuación) eliminados sin reemplazo.

Estructura

Todos los archivos de las noticias deben estar estructurados de la siguiente manera:

---
layout: post
title: Título de la noticia
date: 2017-08-17 03:00:00 +0000
series: miscellaneous
---

Breve párrafo de avance

![](/wiki/shared/news/2017-08-17-título-de-la-noticia/banner.jpg)

Contenido

—Autor

• layout siempre debe estar en post.
• title debe representar el título completo del artículo. El formato Markdown no se puede usar en esta cadena. Los títulos de las noticias, a diferencia de los títulos de los artículos de la wiki y otros encabezados, deben ir en mayúsculas. Ten en cuenta que las comillas (") pueden ser necesarias si el título contiene dos puntos (:) o signos numéricos (#).
• date debe representar una cadena combinada que muestre una fecha de calendario en formato ISO 8601 (2017-08-17), seguida de una cadena horaria de 24 horas (03:00:00), seguida de un margen de tiempo establecido en UTC (+0000). Esta es la fecha de publicación usada para determinar cuándo la noticia se hará visible en el sitio web.
• El párrafo de avance es el que se mostrará en la portada, en el archivo de las noticias y en el listado de las noticias dentro de osu!(lazer), además de ser el primer párrafo de la noticia.
• Todas las noticias deberían incluir y enlazar las imágenes usadas en las portadas de las noticias en la carpeta wiki/shared/news/. En los casos excepcionales en los que no se desee usar ninguna portada, usa la imagen predeterminada: https://osu.ppy.sh/images/headers/news-show-default.jpg.
• series determina en qué categoría de notificaciones del sitio web se publicará el artículo, al que los usuarios pueden suscribirse desde la configuración de su cuenta. Esto debe ser uno de los siguientes:

  • Series específicas: project_loved, beatmap_spotlights, featured_artists, fanart_contests, mappers_guild, ranking_system_updates (por ejemplo, puntos de rendimiento y puntuación), game_updates (tanto cliente como sitio web), merch_runs, world_cups (incluido LGA), monthly_beatmapping_contest
  • Categorías generales: official_contests (cualquier cosa clasificada como tal en la página de concursos de la wiki), community_contests, community_tournaments, offline_events, online_events, miscellaneous

Categorías de las notificaciones de las noticias

Markdown

El uso de Markdown está cubierto por los criterios de estilo para los artículos, pero los siguientes puntos se refieren específicamente a las noticias:

• El nivel de encabezado 1 (#), correspondiente a un título, no debe usarse, porque el título lo proporciona la portada en la parte superior del artículo.
• Las cajas de información y las notas al pie no son compatibles.
• La imagen del banner no debe contener ningún texto alternativo, es decir, texto dentro de los corchetes de un enlace de una imagen con markdown (![texto alternativo](imagen.png)).

Imágenes

Las imágenes enlazadas en las noticias deben estar alojadas en los servidores de osu! (por ejemplo, assets.ppy.sh) o en el repositorio osu-wiki en GitHub.

Las noticias que usan imágenes tienen su propia carpeta dentro del directorio wiki/shared/news/, con el mismo nombre que el archivo de la noticia. Ejemplo: wiki/shared/news/2017-08-17-título-de-la-noticia/banner.jpg.

Banners

Las noticias deben tener una imagen después del párrafo de avance para su uso como banner (también llamado portada). La primera imagen de un artículo se usará como banner en la página frontal, en el listado de las noticias y en la vista de los artículos de las noticias.

Estos banners aparecen en muchas relaciones de aspecto diferentes en distintos lugares del sitio web y en distintos dispositivos, por lo que deben diseñarse teniendo en cuenta cualquier recorte debido a esto.

Referencia de la relación de aspecto del banner de una noticia. Ten en cuenta que los dispositivos móviles pueden situarse en cualquier lugar dentro o incluso ligeramente fuera de los rangos comunes aquí especificados.

Usa esta herramienta de visualización para comprobar cómo aparecerá el banner en diferentes partes del sitio web.

Los banners deben tener un tamaño base mínimo de 1000x200 píxeles. Se debe proporcionar una versión con cada dimensión duplicada si la imagen de origen es lo suficientemente grande como para ser compatible (lo que da como resultado banner.jpg y [email protected]). Las imágenes de los banners que aparecen en varias noticias deben colocarse en el directorio wiki/shared/news/banners/.

Diseño

Lo siguiente se aplica a todos los medios que aparecen en las noticias e incluye los motivos más comunes por los que el equipo de noticias solicita cambios o preguntas:

• Los elementos creados para las noticias deben cumplir con los permisos de uso de contenido.
• No se permite la colocación de marcas o patrocinadores. No es responsabilidad de osu! hacerles publicidad.
• Ten en cuenta las directrices de identidad de marca, especialmente para los nombres del juego y de los modos de juego. Términos como «standard» o «ctb» no se usan en contextos oficiales.

  • Se prefiere el uso de «osu!», «osu!taiko», «osu!catch», «osu!mania» (además, ten en cuenta que este es el orden canónico siempre que se presentan en secuencia)
  • Es aceptable el uso de «osu!», «taiko», «catch», «mania»
  • Es aceptable el uso de «OSU!», «OSU!TAIKO», «OSU!CATCH», «OSU!MANIA», «TAIKO», «CATCH», «MANIA» (en contextos en los que el texto se escriba en mayúsculas)
  • No es aceptable el uso de «osu!standard», «standard», «osu», «Osu!», «ctb»
• La altura mínima para el texto es la altura del texto del párrafo en las relaciones de aspecto de escritorio. Todo lo que sea más pequeño no es legible en dispositivos móviles. Puedes ver este mismo artículo en un dispositivo móvil o cambiar el tamaño de la ventana del navegador como referencia.

Referencia del tamaño mínimo del texto para las imágenes.

Algunos miembros de la comunidad crean gráficos de calidad o incluso vídeos animados para incluirlos en las noticias. Sin embargo, siempre que sea posible, ponte en contacto con el equipo de noticias con antelación sobre los diseños y los elementos, ya que cualquier cambio necesario puede provocar retrasos inesperados u omisiones en las noticias.

HTML y contenido incrustado

Se permite un uso limitado de HTML para incrustar contenido externo, como vídeos de YouTube, VODs de Twitch u otros programas diseñados para mostrar contenido de osu! o relacionado con osu!.

El ancho de todos los marcos del contenido incrustado debe ajustarse al 95 %, con la excepción de las relaciones de aspecto altas. Para ser incluido en los artículos en general, el contenido incrustado debe soportar la visualización en estilo de ancho completo sin romperse o verse horrible.

Vídeo incrustado alojado en assets.ppy.sh

<div align="center" class="osu-md__paragraph">
    <video width="95%" controls>
        <source src="https://assets.ppy.sh/artists/172/release_showcase.mp4" type="video/mp4" preload="none">
    </video>
</div>

Ejemplo de un vídeo incrustado en `assets.ppy.sh`

Vídeo incrustado alojado en YouTube

<div align="center" class="osu-md__paragraph">
    <iframe width="95%" style="aspect-ratio: 16 / 9;" src="https://www.youtube.com/embed/cXkiX7u4a9g" frameborder="0" allowfullscreen></iframe>
</div>

Ejemplo de un vídeo incrustado en YouTube

Vídeo incrustado alojado en Twitch

<div align="center" class="osu-md__paragraph">
    <iframe width="95%" style="aspect-ratio: 16 / 9;" src="https://player.twitch.tv/?autoplay=false&parent=osu.ppy.sh&video=2321612622" allowfullscreen="true" scrolling="no"></iframe>
</div>

Ejemplo de un vídeo incrustado en Twitch

Vista previa de un audio

<audio controls>
    <source src="https://assets.ppy.sh/artists/493/0401%2B/d0tc0mmie%20-%20Strobe%20Light%20feat.%20Kasane%20Teto.mp3">
</audio>

Ejemplo de un audio incrustado

Archivos PDF

Ten en cuenta que los archivos PDF deben tener un tamaño inferior a 20 MB para poder ser incrustados mediante https://docs.google.com/gview.

<div align="center">
    <iframe width="95%" style="aspect-ratio: 1.414;" src="https://docs.google.com/gview?url=https://assets.ppy.sh/media/yuzu/yuzu-embed.pdf&embedded=true" frameborder="0" allowfullscreen></iframe>
</div>

Ejemplo de un archivo PDF incrustado

Entrevistas en forma de chat

Para entrevistas o citas con los avatares de los usuarios, incluye el siguiente estilo al principio de la sección correspondiente en la noticia:

<style>
    .news-chat-quote__avatar {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-left: -50px;
    }

    .news-chat-quote__text-container {
        margin-left: 50px;
    }

    .news-chat-quote__username {
        font-weight: 600;
        margin-bottom: 2px;
    }

    .news-chat-quote__colour-no-group {
        color: #FFFFFF;
    }
</style>

Aquí, el estilo CSS news-chat-quote__colour-{group} corresponde a un color de los grupos de usuarios:

Luego, rodea las secciones de contenido en sangría dentro de una etiqueta <div> y coloca un avatar y un nombre de usuario antes de cada parte que deba mostrarlos, como se muestra a continuación:

<div class="news-chat-quote__text-container">

<a class="avatar news-chat-quote__avatar" href="https://osu.ppy.sh/users/10365024" style="background-image: url('/wiki/shared/avatars/Sakura006.jpg')"></a>

<p class="news-chat-quote__username"><a class="news-chat-quote__colour-no-group" href="https://osu.ppy.sh/users/10365024">Sakura006</a></p>

Contenido con sangría en Markdown

</div>

Ejemplo de una entrevista en forma de chat