Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@rbuj
rbuj committed Jul 3, 2024
0 parents commit 5b0116b
Show file tree
Hide file tree
Showing 10 changed files with 513 additions and 0 deletions.
192 changes: 192 additions & 0 deletions css/estil.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
:root {
--font-family-sans-serif: Tahoma, Verdana, sans-serif;
--font-family-serif: Georgia, 'Times New Roman', serif;
}

* {
margin: 0;
padding: 0;
}

html,
body {
display: flex;
flex-direction: column;
height: 100vh;
font-family: var(--font-family-sans-serif);
font-size: large;
color: rgb(43, 52, 69);
}

/* header + menu */
.top {
background-color: rgb(241, 245, 249);
text-align: center;
}

header a:link,
header a:visited,
header a:active,
nav a:link,
nav a:visited,
nav a:active {
text-decoration: none;
color: rgb(43, 52, 69);
}

/* header */
header {
font-size: 50px;
font-weight: bolder;
padding-top: 20px;
}

header .xeix {
font-family: var(--font-family-serif);
font-style: italic;
font-size: 80px;
}

/* nav */
nav {
padding: 10px 0;
color: rgb(254, 105, 106);
}

nav li {
padding: 6px;
}

nav a:hover {
color: rgb(254, 105, 106);
}

/* main */
main {
width: 95%;
max-width: 850px;
min-width: 400px;
padding-top: 30px;
padding-bottom: 30px;
height: auto;
margin: auto;
}

article h1 {
text-align: center;
font-size: 40px;
padding: 0 40px 20px;
}

article h2 {
text-align: left;
font-size: 30px;
padding: 20px 0 10px;
}

article img {
max-width: 100%;
}

article p {
line-height: 1.5;
padding-bottom: 20px;
}

article .autor {
text-align: center;
font-size: small;
padding: 0 0 30px;
}

article .desc {
margin: 40px 80px 20px;
}

article .biblio {
font-style: italic;
font-size: small;
padding-top: 20px;
}

article a:link,
article a:visited,
article a:active {
text-decoration: none;
color: rgb(254, 105, 106);
}

article a:hover {
color: rgb(254, 105, 106, 0.5);
}

article blockquote {
border-left: 10px solid rgb(254, 105, 106);
font-family: var(--font-family-serif);
font-style: italic;
font-weight: bold;
margin: 0 40px 10px;
padding-left: 15px;
}

article blockquote p {
padding: 0;
}

#xarxes dt {
font-family: var(--font-family-serif);
text-align: left;
font-size: x-large;
font-weight: bolder;
padding: 30px 0 5px 0;
}

#xarxes figure {
padding-bottom: 20px;
}

#xarxes figure figcaption {
padding-top: 15px;
text-align: center;
font-size: small;
}

#xarxes figure img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 42%;
height: auto;
}

#xarxes .more {
font-size: small;
}

article ol>li {
font-size: x-large;
margin: 15px 0 15px 50px;
}

article ol>li>ul>li,
article ol>li>ul>li>ul>li {
list-style-image: none;
list-style-type: initial;
font-size: large;
margin: 5px 0 5px 50px;
padding: 5px 0 5px 0;
}

article li .user {
list-style-image: url('../img/users.svg');
margin: 5px 0 5px 50px;
}

/* footer */
footer {
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
padding: 30px;
line-height: 1.7;
font-size: small;
}
125 changes: 125 additions & 0 deletions estadistiques.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="ca">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Estadístiques de xarxes socials</title>
<link rel="stylesheet" href="css/estil.css">
</head>

<body>
<header class="top">
<a href="index.html"><span class="xeix">x</span>ar<span class="xeix">x</span>es</a>
</header>
<nav class="top">
<ul>
<li><a href="index.html">ARTICLE</a></li>
<li>ESTADÍSTIQUES</li>
<li><a href="xarxes.html">XARXES</a></li>
</ul>
</nav>
<main>
<article>
<h1>Estadístiques de xarxes socials</h1>
<p>A continuació es mostren algunes dades estadístiques sobre xarxes socials elaborades a partir de l'article <em><a href="https://blog.hootsuite.com/es/125-estadisticas-de-redes-sociales/%22%20%5Cl%20%22Estadisticas_generales_de_redes_sociales" target="_blank">160+ estadísticas de redes sociales que debes tener en cuenta en 2023</a></em>, de 13 de setembre de 2023, que es pot llegir al <a href="https://blog.hootsuite.com/es/" target="_blank">blog de Hootsuite</a>.</p>
<ol>
<li>
Estadístiques generals de xarxes socials
<ul>
<li>Més de 4.740 milions de persones de tot el món utilitzen les xarxes socials.</li>
<li>Al 2022, el nombre d'usuaris de les xarxes va augmentar un 4,2%.</li>
<li>Més del 75% de la població mundial més gran de 13 anys utilitza les xarxes socials.</li>
</ul>
</li>
<li>
Estadístiques d'<a href="xarxes.html#instagram">Instagram</a>
<ul>
<li class="user">
Usuaris
<ul>
<li>Més de 1.000 milions d'usuaris actius mensuals.</li>
<li>És la quarta xarxa més popular del món.</li>
</ul>
</li>
<li class="user">
Utilització
<ul>
<li>El 91% dels usuaris actius veuen els vídeos de la plataforma setmanalment.</li>
<li>El 50% ha visitat el lloc web d'una marca després de veure les seves històries.</li>
<li>Els anuncis tenen més probabilitats d'arribar a homes i dones entre 18 i 34 anys.</li>
</ul>
</li>
</ul>
</li>
<li>
Estadístiques de <a href="xarxes.html#facebook">Facebook</a>
<ul>
<li class="user">
Usuaris
<ul>
<li>Més de 2.930 milions d'usuaris actius mensuals.</li>
<li>El 57,8% del total mundial d'usuaris d'Internet utilitza Facebook mensualment.</li>
<li>És el segon canal social més popular just després de WhatsApp</li>
</ul>
</li>
<li class="user">Utilització
<ul>
<li>És la plataforma més utilitzada mundialment.</li>
<li>Cada usuari passa una mitjana de 19,7 hores al mes utilitzant la xarxa.</li>
<li>El principal motiu pel qual els usuaris utilitzen Facebook és per enviar missatges a amics i familiars.</li>
</ul>
</li>
</ul>
</li>
<li>
Estadístiques de <a href="xarxes.html#tiktok">TikTok</a>
<ul>
<li class="user">
Usuaris
<ul>
<li>Va assolir els 1.719 milions d'usuaris el 2022.</li>
<li>El 2022, va ser l'aplicació mòbil més descarregada del món, amb 672 milions de descàrregues.</li>
</ul>
</li>
<li class="user">
Utilització
<ul>
<li>Els usuaris passen unes 22,9 hores al mes en l'aplicació.</li>
<li>El 81% dels usuaris de TikTok també utilitzen Instagram.</li>
<li>La raó principal per la qual els usuaris utilitzen la xarxa és per cercar continguts divertits o entretinguts.</li>
</ul>
</li>
</ul>
</li>
<li>
Estadístiques d'<a href="xarxes.html#x">X</a> (abans Twitter)
<ul>
<li class="user">
Usuaris
<ul>
<li>Té 237,8 milions d'usuaris actius diaris.</li>
<li>És més popular entre els millennials que entre la Generació Z.</li>
<li>És la sèptima xarxa social més popular del món.</li>
</ul>
</li>
<li class="user">
Utilització
<ul>
<li>Els usuaris passen una mitjana de 5,1 hores al mes en l'aplicació.</li>
<li>El 87% dels usuaris de X també utilitzen Instagram.</li>
<li>La raó principal per la qual els usuaris utilitzen la xarxa és per mantenir-se al dia de les notícies i l'actualitat.</li>
</ul>
</li>
</ul>
</li>
</ol>
</article>
</main>
<footer>
<p>2023 © Robert Buj Gelonch</p>
<p>Per a l'assignatura <abbr title="Hyper Text Markup Language">HTML</abbr> i <abbr title="Cascading Style Sheets">CSS</abbr></p>
</footer>
</body>

</html>
Binary file added img/ByteDance.avif
Binary file not shown.
Binary file added img/Jack-Dorsey.avif
Binary file not shown.
Binary file added img/Kevin-Systrom.avif
Binary file not shown.
Binary file added img/Mark-Zuckerberg.avif
Binary file not shown.
Binary file added img/hero-image.avif
Binary file not shown.
3 changes: 3 additions & 0 deletions img/users.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 5b0116b

Please sign in to comment.