Skip to content

Instantly share code, notes, and snippets.

@udf

udf/teams_picture.html

Last active September 9, 2020 07:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save udf/790e614d85def3daaf81545978b19080 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save udf/790e614d85def3daaf81545978b19080 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. udf revised this gist Sep 9, 2020. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions teams_picture.html
    View file
    Original file line number Diff line number Diff line change
    @@ -23,6 +23,9 @@
    font-size: 260px;
    margin: 0;
    padding: 0;
    /* Hack to fix alignment */
    padding-right: 16px;
    padding-bottom: 30px;
    }
    .colour-1 {
    background-color: #d6d4e9;
  2. udf created this gist Sep 9, 2020.
    42 changes: 42 additions & 0 deletions teams_picture.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,42 @@
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
    @font-face {
    font-family: 'SegoeUI';
    src: url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2') format("woff2"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff') format("woff"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf') format("ttf");
    font-weight: 600
    }
    .container {
    width: 640px;
    height: 640px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .text {
    font-family: 'SegoeUI';
    font-weight: 600;
    font-size: 260px;
    margin: 0;
    padding: 0;
    }
    .colour-1 {
    background-color: #d6d4e9;
    color: #282155;
    }
    .colour-2 {
    background-color: #f2d5cd;
    color: #6a2310;
    }
    </style>
    </head>
    <body>
    <div class="container colour-1">
    <span class="text">XY</span>
    </div>
    </body>
    </html>