commit d248c849f702aa531f8fc4eae989d26841f48176 Author: June Date: Tue Apr 25 13:53:31 2023 +0200 populate diff --git a/css/files/b612-all-400-italic.woff b/css/files/b612-all-400-italic.woff new file mode 100644 index 0000000..e77864d Binary files /dev/null and b/css/files/b612-all-400-italic.woff differ diff --git a/css/files/b612-all-400-normal.woff b/css/files/b612-all-400-normal.woff new file mode 100644 index 0000000..b46d986 Binary files /dev/null and b/css/files/b612-all-400-normal.woff differ diff --git a/css/files/b612-all-700-italic.woff b/css/files/b612-all-700-italic.woff new file mode 100644 index 0000000..53ecc64 Binary files /dev/null and b/css/files/b612-all-700-italic.woff differ diff --git a/css/files/b612-all-700-normal.woff b/css/files/b612-all-700-normal.woff new file mode 100644 index 0000000..3701c7b Binary files /dev/null and b/css/files/b612-all-700-normal.woff differ diff --git a/css/files/b612-latin-400-italic.woff b/css/files/b612-latin-400-italic.woff new file mode 100644 index 0000000..87143b2 Binary files /dev/null and b/css/files/b612-latin-400-italic.woff differ diff --git a/css/files/b612-latin-400-italic.woff2 b/css/files/b612-latin-400-italic.woff2 new file mode 100644 index 0000000..2b151f3 Binary files /dev/null and b/css/files/b612-latin-400-italic.woff2 differ diff --git a/css/files/b612-latin-400-normal.woff b/css/files/b612-latin-400-normal.woff new file mode 100644 index 0000000..8a337c4 Binary files /dev/null and b/css/files/b612-latin-400-normal.woff differ diff --git a/css/files/b612-latin-400-normal.woff2 b/css/files/b612-latin-400-normal.woff2 new file mode 100644 index 0000000..6f655c2 Binary files /dev/null and b/css/files/b612-latin-400-normal.woff2 differ diff --git a/css/files/b612-latin-700-italic.woff b/css/files/b612-latin-700-italic.woff new file mode 100644 index 0000000..08ccc75 Binary files /dev/null and b/css/files/b612-latin-700-italic.woff differ diff --git a/css/files/b612-latin-700-italic.woff2 b/css/files/b612-latin-700-italic.woff2 new file mode 100644 index 0000000..a0cae38 Binary files /dev/null and b/css/files/b612-latin-700-italic.woff2 differ diff --git a/css/files/b612-latin-700-normal.woff b/css/files/b612-latin-700-normal.woff new file mode 100644 index 0000000..9ff8e49 Binary files /dev/null and b/css/files/b612-latin-700-normal.woff differ diff --git a/css/files/b612-latin-700-normal.woff2 b/css/files/b612-latin-700-normal.woff2 new file mode 100644 index 0000000..e1ae0b2 Binary files /dev/null and b/css/files/b612-latin-700-normal.woff2 differ diff --git a/css/files/file-list.json b/css/files/file-list.json new file mode 100644 index 0000000..302a95a --- /dev/null +++ b/css/files/file-list.json @@ -0,0 +1 @@ +["./fonts/google/b612/files/b612-latin-400-italic.woff","./fonts/google/b612/files/b612-latin-400-normal.woff","./fonts/google/b612/files/b612-latin-700-italic.woff","./fonts/google/b612/files/b612-latin-700-normal.woff","./fonts/google/b612/files/b612-latin-400-italic.woff2","./fonts/google/b612/files/b612-all-400-italic.woff","./fonts/google/b612/files/b612-latin-400-normal.woff2","./fonts/google/b612/files/b612-all-400-normal.woff","./fonts/google/b612/files/b612-latin-700-italic.woff2","./fonts/google/b612/files/b612-all-700-italic.woff","./fonts/google/b612/files/b612-latin-700-normal.woff2","./fonts/google/b612/files/b612-all-700-normal.woff"] diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..d5a12f4 --- /dev/null +++ b/css/style.css @@ -0,0 +1,100 @@ +/* + Color scheme based on my memoji +*/ + +:root { + --font-family: 'b612'; + --font: 'b612', sans-serif; + + --medium-champagne: #feecadff; + --eerie-black: #141416ff; + --bdazzled-blue: #3D5B90; + --royal-blue-dark: #001D60; +} + +@font-face { + font-family: 'b612'; + src: url('../fonts/b612-regular.ttf') format('truetype'); +} + +body{ + background-color: var(--medium-champagne); + color: var(--royal-blue-dark); +} + +footer{ + text-align: center; + + color:var(--eerie-black); + + font-family: var(--font); + font-size: 0.75rem; + font-weight: 400; +} + +footer a { + color: var(--royal-blue-dark) +} + +#userPhoto{ + width: 96px; + height: 96px; + + display: block; + + margin: 35px auto 20px; + + border-radius: 50%; + border: solid var(--bdazzled-blue) 2px; +} + +#userName{ + width: 100%; + + color: var(--eerie-black); + + font-family: var(--font); + font-size: 1.5rem; + font-weight: 400; + + text-align: center; + text-decoration: none; + + line-height: 1.25; + display: block; +} + +#links{ + max-width: 675px; + width: auto; + + display: block; + + margin: 27px auto; +} +.link{ + display: block; + margin-bottom: 20px; + padding: 17px; + + background-color: var(--medium-champagne); + color:var(--royal-blue-dark); + + font-family: var(--font); + font-size: 1.2rem; + font-weight: 500; + + border-radius: 5px; + border: solid var(--royal-blue-dark) 1px; + + text-align: center; + text-decoration: none; + + transition: all .25s cubic-bezier(.08,.59,.29,.99); + +} + +.link:hover{ + background-color: var(--royal-blue-dark); + color: var(--medium-champagne); +} diff --git a/fonts/b612-regular.ttf b/fonts/b612-regular.ttf new file mode 100644 index 0000000..c2bd6c5 Binary files /dev/null and b/fonts/b612-regular.ttf differ diff --git a/img/pfp/memoji.jpg b/img/pfp/memoji.jpg new file mode 100644 index 0000000..d024dd5 Binary files /dev/null and b/img/pfp/memoji.jpg differ diff --git a/img/social/instagram.png b/img/social/instagram.png new file mode 100644 index 0000000..fad4c04 Binary files /dev/null and b/img/social/instagram.png differ diff --git a/img/social/instagram.svg b/img/social/instagram.svg new file mode 100644 index 0000000..85912ed --- /dev/null +++ b/img/social/instagram.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/social/liberapay.png b/img/social/liberapay.png new file mode 100644 index 0000000..2beec00 Binary files /dev/null and b/img/social/liberapay.png differ diff --git a/img/social/liberapay.svg b/img/social/liberapay.svg new file mode 100644 index 0000000..bf78965 --- /dev/null +++ b/img/social/liberapay.svg @@ -0,0 +1 @@ +Liberapay icon \ No newline at end of file diff --git a/img/social/linkedin.png b/img/social/linkedin.png new file mode 100644 index 0000000..cfda0f0 Binary files /dev/null and b/img/social/linkedin.png differ diff --git a/img/social/linkedin.svg b/img/social/linkedin.svg new file mode 100644 index 0000000..7c7cf97 --- /dev/null +++ b/img/social/linkedin.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/social/mastodon.png b/img/social/mastodon.png new file mode 100644 index 0000000..bd7f4c7 Binary files /dev/null and b/img/social/mastodon.png differ diff --git a/img/social/mastodon.svg b/img/social/mastodon.svg new file mode 100644 index 0000000..b84142a --- /dev/null +++ b/img/social/mastodon.svg @@ -0,0 +1 @@ +Mastodon icon \ No newline at end of file diff --git a/img/social/pleroma.png b/img/social/pleroma.png new file mode 100644 index 0000000..b05e60f Binary files /dev/null and b/img/social/pleroma.png differ diff --git a/img/social/pleroma.svg b/img/social/pleroma.svg new file mode 100644 index 0000000..d2a7b7d --- /dev/null +++ b/img/social/pleroma.svg @@ -0,0 +1 @@ +Pleroma icon \ No newline at end of file diff --git a/img/social/twitter.png b/img/social/twitter.png new file mode 100644 index 0000000..6ec1003 Binary files /dev/null and b/img/social/twitter.png differ diff --git a/img/social/twitter.svg b/img/social/twitter.svg new file mode 100644 index 0000000..3d8eb70 --- /dev/null +++ b/img/social/twitter.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..10d4540 --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + + + June | ligilo + + + + + + + + + + User Photo + June + + + + \ No newline at end of file