Compare commits
20 Commits
daac2d57d3
...
redesign
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ffcc3e885b | ||
|
|
70483b7b5d | ||
|
|
2b0c7d31e0 | ||
|
|
82a468bd52 | ||
|
|
2c6ef0d4aa | ||
|
|
fba52dcbf0 | ||
|
|
04e8de6755 | ||
|
|
c6daa63d1f | ||
|
|
303f672cd2 | ||
|
|
510c3ba460 | ||
|
|
9ec721cabd | ||
|
|
b949d3514e | ||
|
|
c28e3b8166 | ||
|
|
e28ba8dfd6 | ||
|
|
25c001520d | ||
|
|
3bcddb599b | ||
|
|
64b1e455e6 | ||
|
|
2bcd2a355f | ||
|
|
9c130cadb2 | ||
|
|
e5d155a394 |
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
_site
|
||||||
|
.sass-cache
|
||||||
|
.jekyll-cache
|
||||||
|
.jekyll-metadata
|
||||||
|
vendor
|
||||||
30
Gemfile
Normal file
30
Gemfile
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
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
Normal file
82
Gemfile.lock
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
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
Normal file
51
_config.yml
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
# 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/
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
@@ -1,6 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
<!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,12 +1,25 @@
|
|||||||
<!DOCTYPE html>
|
---
|
||||||
<html>
|
permalink: /errors/404.html
|
||||||
<head>
|
layout: default
|
||||||
<title>404</title>
|
---
|
||||||
<link rel="stylesheet" href="/styles.css">
|
|
||||||
</head>
|
<style type="text/css" media="screen">
|
||||||
<body>
|
.container {
|
||||||
<h1>404</h1>
|
margin: 10px auto;
|
||||||
<p>how</p>
|
max-width: 600px;
|
||||||
<p><a href=/index.html>home</a></p>
|
text-align: center;
|
||||||
</body>
|
}
|
||||||
</html>
|
h1 {
|
||||||
|
margin: 30px 0;
|
||||||
|
font-size: 4em;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<h1>404</h1>
|
||||||
|
|
||||||
|
<p><strong>Page not found :(</strong></p>
|
||||||
|
<p>The requested page could not be found.</p>
|
||||||
|
</div>
|
||||||
|
|||||||
@@ -1,12 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
: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 */
|
|
||||||
28
index.markdown
Normal file
28
index.markdown
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
---
|
||||||
|
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)
|
||||||
46
index.php
46
index.php
@@ -1,46 +0,0 @@
|
|||||||
<!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>
|
|
||||||
|
|
||||||
<p style="text-align: center;"><a href="https://git.cesium.one/kira/cesium.one/src/branch/php/"><img src="assets/Git-Icon-White.png" style="width:2em" alt="View Git Source"></a></p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,3 +1,6 @@
|
|||||||
|
---
|
||||||
|
permalink: /keybase.txt
|
||||||
|
---
|
||||||
==================================================================
|
==================================================================
|
||||||
https://keybase.io/cesium2349
|
https://keybase.io/cesium2349
|
||||||
--------------------------------------------------------------------
|
--------------------------------------------------------------------
|
||||||
|
|||||||
4
pgp.txt
4
pgp.txt
@@ -1,6 +1,8 @@
|
|||||||
|
---
|
||||||
|
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 +0,0 @@
|
|||||||
<p>Footer text</p>
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
<?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>";
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<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';?>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="header-container">
|
|
||||||
<img src="/profile.png" alt="Cesium's Profile Picture" class="profile-pic">
|
|
||||||
<h1>Cesium</h1>
|
|
||||||
</div>
|
|
||||||
BIN
profile.png
BIN
profile.png
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
@@ -1,2 +0,0 @@
|
|||||||
User-agent: *
|
|
||||||
Disallow: /pgp.txt
|
|
||||||
121
styles.css
121
styles.css
@@ -1,121 +0,0 @@
|
|||||||
@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