diff --git a/images/green-abstract.jpg b/images/green-abstract.jpg new file mode 100644 index 0000000..600c6c8 Binary files /dev/null and b/images/green-abstract.jpg differ diff --git a/images/profile.webp b/images/profile.webp new file mode 100644 index 0000000..6996256 Binary files /dev/null and b/images/profile.webp differ diff --git a/index.html b/index.html index b9667d7..7d23eaf 100644 --- a/index.html +++ b/index.html @@ -50,7 +50,7 @@ @@ -79,6 +79,17 @@
  • Virtualização
  • Redes Informáticas
    • +

    Controlos de Média

    +

    Áudio

    + +

    Vídeo

    +
    diff --git a/media/aplauso.mp3 b/media/aplauso.mp3 deleted file mode 100644 index aca93e7..0000000 Binary files a/media/aplauso.mp3 and /dev/null differ diff --git a/media/audio.aac b/media/audio.aac new file mode 100644 index 0000000..083ec17 Binary files /dev/null and b/media/audio.aac differ diff --git a/media/video.mp4 b/media/video.mp4 index 5e893d8..d8812d0 100644 Binary files a/media/video.mp4 and b/media/video.mp4 differ diff --git a/media/video.webp b/media/video.webp new file mode 100644 index 0000000..fdd03d6 Binary files /dev/null and b/media/video.webp differ diff --git a/otherstuff.html b/otherstuff.html new file mode 100644 index 0000000..adc1ad1 --- /dev/null +++ b/otherstuff.html @@ -0,0 +1,98 @@ + + + + + + Centered Header + + + + + +
    + +
    +

    My Website

    +

    Welcome to my page

    +
    +
    + + + +
    +

    Main Content

    +

    The icon stays on the left, while the text is perfectly centered.

    +
    + + diff --git a/profile-styles.css b/profile-styles.css new file mode 100644 index 0000000..c0d10fa --- /dev/null +++ b/profile-styles.css @@ -0,0 +1,125 @@ +/*.color_scheme { + color: #12224e; + color: #596597; + color: #4c4f57; + color: #f3f3f4; + color: #587f76; + color: #e5eeea; +}*/ + +body { + font-family: Arial, sans-serif; + color: #12224e; + font-size: 16pt; + margin: 0; + background-color: #f3f3f4; + scroll-behavior: smooth; +} + +header { + background-color: #587f76; + color: #f3f3f4; + padding: 3rem; + background: no-repeat url(images/green-abstract.jpg); + background-size: cover; + display: flex; + justify-content: center; + align-items: center; +} + +header div.logo { + font-size: 8rem; +} + +header div.content { + font-size: 2rem; + flex-grow: 2; + text-align: center; +} + +nav { + background-color: #4c4f57; + text-align: center; + height: 5.2rem; + position: sticky; + top: 0; + z-index: 100; +} + +nav a { + font-size: 140%; + color: white; + padding: 1.8rem 3rem 2rem; + transition: all 1s ease; + text-decoration: none; + font-weight: bold; + display: inline-block; +} + +nav a:hover { + background-color: #f3f3f4; + color: #555; + transition: all 0.5s ease; + -web-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + padding-bottom: 0.8rem; + border-bottom: solid 1.2rem #4c4f57; +} + +address, +section { + padding: 0.6em 2rem; + margin: 5rem auto; + background-color: white; + border-radius: 1rem; + max-width: 1080px; +} + +table.schedule { + border-spacing: 1; + border-collapse: collapse; + background: white; + border-radius: 8px; + overflow: hidden; + margin: 1em auto; + font-size: 14pt; + td, + th { + padding-left: 8px; + } + thead tr { + height: 2em; + background: #587f76; + color: white; + } + tbody tr { + height: 1.5em; + border-bottom: 1px solid #4c4f57; + } + tbody tr:last-child { + border: 0; + } + tbody tr:nth-child(even) { + background-color: #f3f3f4; + } + tbody tr:hover { + background-color: #e5eeea; + } + td, + th { + text-align: center; + } + td.l { + text-align: left; + } + td.r { + text-align: right; + } +} + +footer { + text-align: center; + padding: 10px; + background-color: #587f76; + color: white; +}