Compare commits
58 Commits
redesign
...
943258aeb9
| Author | SHA1 | Date | |
|---|---|---|---|
| 943258aeb9 | |||
| daac2d57d3 | |||
| 4cbc303917 | |||
| 488e80ad7c | |||
| 1d7a8e41cc | |||
| c36602e2f1 | |||
| 503c553e49 | |||
| 96e747e19b | |||
| e7ab93256a | |||
| 6fe8494f68 | |||
| 9c686d5294 | |||
| dc93ecdcb9 | |||
| 5766797ef8 | |||
| 9a879b8815 | |||
| 7bbcfe92ac | |||
| fbf87beee6 | |||
| 7cf67f67ed | |||
| 4324b74aa6 | |||
| e88b4e8776 | |||
| 66653a8279 | |||
| 141f0dd0a8 | |||
| 3ff0d09db1 | |||
| 89f5790a3b | |||
| 4802611463 | |||
| 955fae4add | |||
| 3d14437bc1 | |||
| d6693a6339 | |||
| 08d467a062 | |||
| 23f9564a0a | |||
| 472a17359d | |||
| c42d5f4804 | |||
| aab348caf5 | |||
| 2381302dec | |||
| 050be0008b | |||
| 991d31a721 | |||
| a3e836d947 | |||
| 8a0bd45862 | |||
| 9ec6dd526d | |||
| 6824ba23c0 | |||
| b67776f24b | |||
| 3207f70d67 | |||
| 5ffb89dfb3 | |||
| 5994f453fa | |||
| 436a708a9f | |||
| bb77c5408f | |||
| 45a10bb343 | |||
| fd7bb3ed3e | |||
| 890e75752f | |||
| 450069acf7 | |||
| e66a86d07e | |||
| 672f19df67 | |||
|
|
a14f4d535c | ||
|
|
d3b1c5dd2f | ||
|
|
21c1abd975 | ||
|
|
3687c0275b | ||
|
|
6b22972671 | ||
|
|
45b972c1cf | ||
|
|
375005b68f |
5
.gitignore
vendored
5
.gitignore
vendored
@@ -1,5 +0,0 @@
|
|||||||
_site
|
|
||||||
.sass-cache
|
|
||||||
.jekyll-cache
|
|
||||||
.jekyll-metadata
|
|
||||||
vendor
|
|
||||||
30
Gemfile
30
Gemfile
@@ -1,30 +0,0 @@
|
|||||||
source "https://rubygems.org"
|
|
||||||
# Hello! This is where you manage which Jekyll version is used to run.
|
|
||||||
# When you want to use a different version, change it below, save the
|
|
||||||
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
|
|
||||||
#
|
|
||||||
# bundle exec jekyll serve
|
|
||||||
#
|
|
||||||
# This will help ensure the proper Jekyll version is running.
|
|
||||||
# Happy Jekylling!
|
|
||||||
gem "jekyll", "~> 4.2.0"
|
|
||||||
# This is the default theme for new Jekyll sites. You may change this to anything you like.
|
|
||||||
gem "minima", "~> 2.5"
|
|
||||||
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
|
|
||||||
# uncomment the line below. To upgrade, run `bundle update github-pages`.
|
|
||||||
# gem "github-pages", group: :jekyll_plugins
|
|
||||||
# If you have any plugins, put them here!
|
|
||||||
#group :jekyll_plugins do
|
|
||||||
# gem "jekyll-feed", "~> 0.12"
|
|
||||||
#end
|
|
||||||
|
|
||||||
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
|
|
||||||
# and associated library.
|
|
||||||
platforms :mingw, :x64_mingw, :mswin, :jruby do
|
|
||||||
gem "tzinfo", "~> 1.2"
|
|
||||||
gem "tzinfo-data"
|
|
||||||
end
|
|
||||||
|
|
||||||
# Performance-booster for watching directories on Windows
|
|
||||||
gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
|
|
||||||
|
|
||||||
82
Gemfile.lock
82
Gemfile.lock
@@ -1,82 +0,0 @@
|
|||||||
GEM
|
|
||||||
remote: https://rubygems.org/
|
|
||||||
specs:
|
|
||||||
addressable (2.7.0)
|
|
||||||
public_suffix (>= 2.0.2, < 5.0)
|
|
||||||
colorator (1.1.0)
|
|
||||||
concurrent-ruby (1.1.8)
|
|
||||||
em-websocket (0.5.2)
|
|
||||||
eventmachine (>= 0.12.9)
|
|
||||||
http_parser.rb (~> 0.6.0)
|
|
||||||
eventmachine (1.2.7)
|
|
||||||
ffi (1.15.0)
|
|
||||||
forwardable-extended (2.6.0)
|
|
||||||
http_parser.rb (0.6.0)
|
|
||||||
i18n (1.8.10)
|
|
||||||
concurrent-ruby (~> 1.0)
|
|
||||||
jekyll (4.2.0)
|
|
||||||
addressable (~> 2.4)
|
|
||||||
colorator (~> 1.0)
|
|
||||||
em-websocket (~> 0.5)
|
|
||||||
i18n (~> 1.0)
|
|
||||||
jekyll-sass-converter (~> 2.0)
|
|
||||||
jekyll-watch (~> 2.0)
|
|
||||||
kramdown (~> 2.3)
|
|
||||||
kramdown-parser-gfm (~> 1.0)
|
|
||||||
liquid (~> 4.0)
|
|
||||||
mercenary (>= 0.3.6)
|
|
||||||
pathutil (~> 0.9)
|
|
||||||
rouge (~> 3.0)
|
|
||||||
safe_yaml (~> 1.0)
|
|
||||||
terminal-table (>= 1.8.0)
|
|
||||||
webrick (~> 1.7)
|
|
||||||
jekyll-feed (0.15.1)
|
|
||||||
jekyll (>= 3.7, < 5.0)
|
|
||||||
jekyll-sass-converter (2.1.0)
|
|
||||||
sassc (> 2.0.1, < 3.0)
|
|
||||||
jekyll-seo-tag (2.7.1)
|
|
||||||
jekyll (>= 3.8, < 5.0)
|
|
||||||
jekyll-watch (2.2.1)
|
|
||||||
listen (~> 3.0)
|
|
||||||
kramdown (2.3.1)
|
|
||||||
rexml
|
|
||||||
kramdown-parser-gfm (1.1.0)
|
|
||||||
kramdown (~> 2.0)
|
|
||||||
liquid (4.0.3)
|
|
||||||
listen (3.5.1)
|
|
||||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
|
||||||
rb-inotify (~> 0.9, >= 0.9.10)
|
|
||||||
mercenary (0.4.0)
|
|
||||||
minima (2.5.1)
|
|
||||||
jekyll (>= 3.5, < 5.0)
|
|
||||||
jekyll-feed (~> 0.9)
|
|
||||||
jekyll-seo-tag (~> 2.1)
|
|
||||||
pathutil (0.16.2)
|
|
||||||
forwardable-extended (~> 2.6)
|
|
||||||
public_suffix (4.0.6)
|
|
||||||
rb-fsevent (0.10.4)
|
|
||||||
rb-inotify (0.10.1)
|
|
||||||
ffi (~> 1.0)
|
|
||||||
rexml (3.2.5)
|
|
||||||
rouge (3.26.0)
|
|
||||||
safe_yaml (1.0.5)
|
|
||||||
sassc (2.4.0)
|
|
||||||
ffi (~> 1.9)
|
|
||||||
terminal-table (3.0.0)
|
|
||||||
unicode-display_width (~> 1.1, >= 1.1.1)
|
|
||||||
unicode-display_width (1.7.0)
|
|
||||||
webrick (1.7.0)
|
|
||||||
|
|
||||||
PLATFORMS
|
|
||||||
x86_64-linux
|
|
||||||
|
|
||||||
DEPENDENCIES
|
|
||||||
jekyll (~> 4.2.0)
|
|
||||||
jekyll-feed (~> 0.12)
|
|
||||||
minima (~> 2.5)
|
|
||||||
tzinfo (~> 1.2)
|
|
||||||
tzinfo-data
|
|
||||||
wdm (~> 0.1.1)
|
|
||||||
|
|
||||||
BUNDLED WITH
|
|
||||||
2.2.16
|
|
||||||
51
_config.yml
51
_config.yml
@@ -1,51 +0,0 @@
|
|||||||
# Welcome to Jekyll!
|
|
||||||
#
|
|
||||||
# This config file is meant for settings that affect your whole blog, values
|
|
||||||
# which you are expected to set up once and rarely edit after that. If you find
|
|
||||||
# yourself editing this file very often, consider using Jekyll's data files
|
|
||||||
# feature for the data you need to update frequently.
|
|
||||||
#
|
|
||||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
|
||||||
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
|
||||||
#
|
|
||||||
# If you need help with YAML syntax, here are some quick references for you:
|
|
||||||
# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
|
|
||||||
# https://learnxinyminutes.com/docs/yaml/
|
|
||||||
#
|
|
||||||
# Site settings
|
|
||||||
# These are used to personalize your new site. If you look in the HTML files,
|
|
||||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
|
||||||
# You can create any custom variable you would like, and they will be accessible
|
|
||||||
# in the templates via {{ site.myvariable }}.
|
|
||||||
|
|
||||||
title: cesium
|
|
||||||
email: cesium2349@protonmail.com
|
|
||||||
baseurl: "" # the subpath of your site, e.g. /blog
|
|
||||||
url: "https://cesium.one" # the base hostname & protocol for your site, e.g. http://example.com
|
|
||||||
twitter_username: cesium2349
|
|
||||||
github_username: cesiumcs
|
|
||||||
|
|
||||||
# Build settings
|
|
||||||
theme: minima
|
|
||||||
#plugins:
|
|
||||||
# - jekyll-feed
|
|
||||||
|
|
||||||
# Exclude from processing.
|
|
||||||
# The following items will not be processed, by default.
|
|
||||||
# Any item listed under the `exclude:` key here will be automatically added to
|
|
||||||
# the internal "default list".
|
|
||||||
#
|
|
||||||
# Excluded items can be processed by explicitly listing the directories or
|
|
||||||
# their entries' file path in the `include:` list.
|
|
||||||
#
|
|
||||||
# exclude:
|
|
||||||
# - .sass-cache/
|
|
||||||
# - .jekyll-cache/
|
|
||||||
# - gemfiles/
|
|
||||||
# - Gemfile
|
|
||||||
# - Gemfile.lock
|
|
||||||
# - node_modules/
|
|
||||||
# - vendor/bundle/
|
|
||||||
# - vendor/cache/
|
|
||||||
# - vendor/gems/
|
|
||||||
# - vendor/ruby/
|
|
||||||
BIN
assets/Git-Icon-White.png
Normal file
BIN
assets/Git-Icon-White.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
6
cock.html
Normal file
6
cock.html
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<head> <!-- link in a discord bot to redirect to its source code so i can have a pretty link -->
|
||||||
|
<meta http-equiv='refresh' content='0; URL=https://github.com/CesiumCs/cockbot'>
|
||||||
|
<style>
|
||||||
|
body {background-color: black;}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
12
errors/401.html
Normal file
12
errors/401.html
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>401</title>
|
||||||
|
<link rel="stylesheet" href="/styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>401</h1>
|
||||||
|
<p>mfw</p>
|
||||||
|
<p>alright grandpa lets get you back <a href=/index.html>home</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
12
errors/403.html
Normal file
12
errors/403.html
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>403</title>
|
||||||
|
<link rel="stylesheet" href="/styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>403</h1>
|
||||||
|
<p>what</p>
|
||||||
|
<p><a href=/index.html>home</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,25 +1,12 @@
|
|||||||
---
|
<!DOCTYPE html>
|
||||||
permalink: /errors/404.html
|
<html>
|
||||||
layout: default
|
<head>
|
||||||
---
|
<title>404</title>
|
||||||
|
<link rel="stylesheet" href="/styles.css">
|
||||||
<style type="text/css" media="screen">
|
</head>
|
||||||
.container {
|
<body>
|
||||||
margin: 10px auto;
|
|
||||||
max-width: 600px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin: 30px 0;
|
|
||||||
font-size: 4em;
|
|
||||||
line-height: 1;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<h1>404</h1>
|
<h1>404</h1>
|
||||||
|
<p>how</p>
|
||||||
<p><strong>Page not found :(</strong></p>
|
<p><a href=/index.html>home</a></p>
|
||||||
<p>The requested page could not be found.</p>
|
</body>
|
||||||
</div>
|
</html>
|
||||||
|
|||||||
12
errors/503.html
Normal file
12
errors/503.html
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>503</title>
|
||||||
|
<link rel="stylesheet" href="/styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Service Unavailable</h1>
|
||||||
|
<p>The service is temporarily unavailable.</p>
|
||||||
|
<p><a href=/index.html>home</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
14
errors/styles.css
Normal file
14
errors/styles.css
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
:root {
|
||||||
|
font-family: "Open Sans";
|
||||||
|
background-color: #0f1011;
|
||||||
|
color: white;
|
||||||
|
width: 50vw;
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #bb99ff;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: 0 0 15px;
|
||||||
|
}
|
||||||
|
/* TODO: make it not bad */
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
---
|
|
||||||
layout: home
|
|
||||||
---
|
|
||||||
# Cesium
|
|
||||||
|
|
||||||
i dont have anything better to write here so ill just say "nutte sac"
|
|
||||||
|
|
||||||
## Main Contact
|
|
||||||
|
|
||||||
stuff i use more often, id rather you try to talk to me on one of these
|
|
||||||
|
|
||||||
Email: cesium2349@protonmail.com ([PGP Key](./pgp.txt))
|
|
||||||
|
|
||||||
Discord: Cesium#5061
|
|
||||||
|
|
||||||
GitHub: [CesiumCs](https://github.com/CesiumCs)
|
|
||||||
|
|
||||||
Telegram: [cesiumcs](https://t.me/cesiumcs)
|
|
||||||
|
|
||||||
## Other Links
|
|
||||||
|
|
||||||
Reddit: [unfunnycesium](https://www.reddit.com/user/unfunnycesium)
|
|
||||||
|
|
||||||
Keybase: [cesium2349](https://keybase.io/cesium2349/)
|
|
||||||
|
|
||||||
Twitter: [cesium2349](https://twitter.com/cesium2349)
|
|
||||||
|
|
||||||
YouTube: [Cesium](https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig)
|
|
||||||
44
index.php
Normal file
44
index.php
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-US">
|
||||||
|
<head>
|
||||||
|
<?php include 'php/generic.php';?>
|
||||||
|
<title>Cesium</title>
|
||||||
|
<meta property="og:title" content="Cesium">
|
||||||
|
<meta property="og:description" content="social links i guess">
|
||||||
|
<meta name="description" content="Cesium/Kira: cesium.one, Cesium55, Cesium2349, unfunnycesium"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include 'php/header.php';?>
|
||||||
|
|
||||||
|
<p>not an exhaustive list of my entire presence on the internet but stuff on this list is definitely me</p>
|
||||||
|
|
||||||
|
<div class=contacts>
|
||||||
|
<?php
|
||||||
|
buildContact("Discord", "#475276", "cesium.one", "https://discord.com/users/230659159450845195");
|
||||||
|
buildContact("Bluesky", "#2D5786", "cesium.one", "https://bsky.app/profile/cesium.one");
|
||||||
|
buildContact("Matrix", "#0A8864", "@cesium55:matrix.org", false);
|
||||||
|
buildContact("GitHub", "#494949", "CesiumCs", "https://github.com/CesiumCs");
|
||||||
|
buildContact("YouTube", "#674141", "Cesium", "https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig");
|
||||||
|
buildContact("Telegram", "#006699", "unfunnycesium", "https://t.me/unfunnycesium");
|
||||||
|
?>
|
||||||
|
</div> <div style="clear: left;"></div>
|
||||||
|
|
||||||
|
<h2>Games</h2>
|
||||||
|
<p>Names for game accounts I play</p>
|
||||||
|
<div class=contacts>
|
||||||
|
<?php
|
||||||
|
buildContact("Steam", "#2A475E", "cesium2349", "https://steamcommunity.com/id/cesium2349");
|
||||||
|
buildContact("Xbox", "#2A475E", "Cesium#2349", false);
|
||||||
|
buildContact("PlayStation", "#2A475E", "Cesium2349", "https://profile.playstation.com/Cesium2349");
|
||||||
|
buildContact("VRChat", "#053C48", "cesіum", "https://vrchat.com/home/user/usr_708e41b3-5658-4acc-a95c-ab74f4ac4dff");
|
||||||
|
buildContact("Overwatch", "#053C48", "Kira#112597", "https://overwatch.blizzard.com/en-us/career/d15bbf83a67cd6fcb8a92ea3%7C39b29ad542acbdc624b9d58ed65bb5c6/");
|
||||||
|
buildContact("Fortnite", "#053C48", "cesium.one", "https://store.epicgames.com/en-US/u/e0bf067675d247518fd66d813cf1380c");
|
||||||
|
buildContact("Ingress", "#394A7F", "Cesium5061", false);
|
||||||
|
buildContact("Splatoon", "#394A7F", "Kira#1067", "https://stat.ink/@Cesium2349");
|
||||||
|
buildContact("Minecraft", "#394A7F", "cesiumone", false);
|
||||||
|
?>
|
||||||
|
</div> <div style="clear: left;"></div>
|
||||||
|
|
||||||
|
<?php include 'php/footer.php';?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,6 +1,3 @@
|
|||||||
---
|
|
||||||
permalink: /keybase.txt
|
|
||||||
---
|
|
||||||
==================================================================
|
==================================================================
|
||||||
https://keybase.io/cesium2349
|
https://keybase.io/cesium2349
|
||||||
--------------------------------------------------------------------
|
--------------------------------------------------------------------
|
||||||
|
|||||||
4
pgp.txt
4
pgp.txt
@@ -1,8 +1,6 @@
|
|||||||
---
|
|
||||||
permalink: /pgp.txt
|
|
||||||
---
|
|
||||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||||
Comment: Fingerprint: E2EECE4F29D5F0F0B2C2C32A669C03EDAE4288DD
|
Comment: Fingerprint: E2EECE4F29D5F0F0B2C2C32A669C03EDAE4288DD
|
||||||
|
Comment: Email: cesium@cesium.one
|
||||||
|
|
||||||
mQENBF+LvAwBCADQpeVpgc/ktkiCIn9ze/cWhH2qwdq0Iuv53rSB6ivnsN28dZ3c
|
mQENBF+LvAwBCADQpeVpgc/ktkiCIn9ze/cWhH2qwdq0Iuv53rSB6ivnsN28dZ3c
|
||||||
iyM5NdGXURAdwEo+/HHTfa16OWGlDmJk79K9/O219/Yv0/OgiIFLIyC+2Xcc5RJB
|
iyM5NdGXURAdwEo+/HHTfa16OWGlDmJk79K9/O219/Yv0/OgiIFLIyC+2Xcc5RJB
|
||||||
|
|||||||
1
php/footer.php
Normal file
1
php/footer.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<p style="text-align: center;"><a href="https://git.cesium.one/kira/cesium.one/"><img src="assets/Git-Icon-White.png" style="width:2em" alt="View Git Source"></a></p>
|
||||||
24
php/functions.php
Normal file
24
php/functions.php
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
<?php
|
||||||
|
function buildContact($title, $color, $username, $url) {
|
||||||
|
|
||||||
|
if (!$url) {
|
||||||
|
echo "<div class=contact style=\"background-color: $color; opacity: 0.9;\">";
|
||||||
|
} else {
|
||||||
|
echo "<div class=contact style=\"background-color: $color;\">";
|
||||||
|
}
|
||||||
|
|
||||||
|
echo "<h3>$title</h3>";
|
||||||
|
|
||||||
|
if (strlen($username) > 15) {
|
||||||
|
echo "<p style=\"font-size: 0.8em;\">$username</p>";
|
||||||
|
} else {
|
||||||
|
echo "<p>$username</p>";
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($url) {
|
||||||
|
echo "<a title=\"$title\" href=\"$url\"></a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
echo "</div>";
|
||||||
|
}
|
||||||
|
?>
|
||||||
5
php/generic.php
Normal file
5
php/generic.php
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="/styles.css">
|
||||||
|
<meta content="#ff44bb" name="theme-color">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<?php include 'functions.php';?>
|
||||||
4
php/header.php
Normal file
4
php/header.php
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<div class="header-container">
|
||||||
|
<img src="/profile.png" alt="Cesium's Profile Picture" class="profile-pic">
|
||||||
|
<h1>Cesium</h1>
|
||||||
|
</div>
|
||||||
BIN
profile.png
Normal file
BIN
profile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
2
robots.txt
Normal file
2
robots.txt
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow: /pgp.txt
|
||||||
121
styles.css
Normal file
121
styles.css
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
|
||||||
|
:root {
|
||||||
|
font-family: "Inter", sans-serif;
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
width: 69%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.header-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.profile-pic {
|
||||||
|
float: left;
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
h1, h2, p {
|
||||||
|
font-family: "Inter", sans-serif;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #ff44bb;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: 0 0 5px;
|
||||||
|
}
|
||||||
|
* { /* unfucks some stuff */
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.contacts {
|
||||||
|
width: 550px;
|
||||||
|
margin:auto;
|
||||||
|
display: grid;
|
||||||
|
grid-template-areas: /* i know how to do it this way, */
|
||||||
|
'one two three'; /* so shut up about the "right way" */
|
||||||
|
grid-gap: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
grid-auto-columns: 1fr;
|
||||||
|
grid-auto-rows: 1fr;
|
||||||
|
|
||||||
|
}
|
||||||
|
.contact {
|
||||||
|
float: left;
|
||||||
|
width: 170px;
|
||||||
|
padding: 15px;
|
||||||
|
background-color: #232629;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-align: center;
|
||||||
|
opacity: .9;
|
||||||
|
position: relative;
|
||||||
|
transition: opacity .25s;
|
||||||
|
}
|
||||||
|
/* some hacky shit to make <div class=contact>s clickable. basically just makes
|
||||||
|
an <a> in a <div class=contact> take up the full div */
|
||||||
|
.contact a {
|
||||||
|
z-index: 10;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
div.contact:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.apps {
|
||||||
|
width: 550px;
|
||||||
|
margin:auto;
|
||||||
|
display: grid;
|
||||||
|
grid-template-areas:
|
||||||
|
'one two three';
|
||||||
|
grid-gap: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
grid-auto-columns: 1fr;
|
||||||
|
grid-auto-rows: 1fr;
|
||||||
|
|
||||||
|
}
|
||||||
|
.app {
|
||||||
|
float: left;
|
||||||
|
width: 170px;
|
||||||
|
padding: 15px;
|
||||||
|
background-color: #232629;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-align: center;
|
||||||
|
opacity: .9;
|
||||||
|
position: relative;
|
||||||
|
transition: opacity .25s;
|
||||||
|
}
|
||||||
|
.app a {
|
||||||
|
z-index: 10;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
div.app:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
@media screen and (max-width:500px) {
|
||||||
|
.contacts {
|
||||||
|
width: 100%;
|
||||||
|
grid-template-areas: 'one two';
|
||||||
|
}
|
||||||
|
.apps {
|
||||||
|
width: 100%;
|
||||||
|
grid-template-areas: 'one two';
|
||||||
|
}
|
||||||
|
:root {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Reference in New Issue
Block a user