diff options
| author | talha <talha@talhaamir.xyz> | 2024-08-10 23:18:35 +0500 |
|---|---|---|
| committer | talha <talha@talhaamir.xyz> | 2024-08-10 23:18:35 +0500 |
| commit | f6fe7f7229318bbb877e675be562bf9b17c52172 (patch) | |
| tree | 67dcedfa24faadb33f353e00379160d95dabb17b /locations/identities.html | |
Created main page, profiles page
Diffstat (limited to 'locations/identities.html')
| -rw-r--r-- | locations/identities.html | 161 |
1 files changed, 161 insertions, 0 deletions
diff --git a/locations/identities.html b/locations/identities.html new file mode 100644 index 0000000..89ed2ed --- /dev/null +++ b/locations/identities.html @@ -0,0 +1,161 @@ +<!DOCTYPE html> +<html> + +<head> + <title>talha's corner</title> +</head> +<style> + @font-face { + font-family: interceptor; + src: url('/assets/interceptor/Interceptor.otf') + } + + html { + background-color: black; + color: white; + font-family: interceptor; + } + + .profiles-ctn { + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: center; + margin-top: 15%; + } + + .profile-section { + display: flex; + flex-direction: column; + justify-content: space-between; + width: fit-content; + border: 5px double #8ae234; + background-color: rgba(85, 87, 83, 0.2); + } + + .profile-section .heading { + padding: 5px 10px 5px 10px; + margin-bottom: 5px; + border-bottom: 2px dashed #8ae234; + font-size: 24px; + color: #32afff; + } + + .profile ul { + list-style-type: none; + padding: 5px 10px 5px 5px; + margin: 0; + font-size: 22px; + } + + .profile ul li { + padding: 5px 10px 5px 10px; + } + + .profile ul li a { + color: #fce94f; + } + + .desc { + font-size: 18px; + color: white; + } + + .small { + font-size: 16px; + color: white; + } + + .high { + color: #4e9a06; + } + + .medium { + color: #c4a000; + } + + .low { + color: #cc0000; + } + + .p1 { + transform: rotate(-2deg); + animation: MoveDownUp 10s ease-in-out infinite; + } + + .p2 { + transform: rotate(0deg); + animation: MoveUpDown 6s ease-in-out infinite; + } + + .return-link { + position: fixed; + color: #ef2929; + text-decoration: none; + padding: 5px; + border: 2px double #ef2929; + font-size: 20px; + top: 5%; + right: 5%; + transform: rotate(3deg); + } + + @keyframes MoveUpDown { + 0%, + 100% { + translate: 0; + } + + 50% { + translate: 0 -20px; + } + } + @keyframes MoveDownUp { + 0%, + 100% { + translate: 0; + } + + 50% { + translate: 0 20px; + } + } +</style> + +<body> + <a class="return-link" href="/index.html">close</a> + <div class="profiles-ctn"> + <div class="profile-section p1"> + <div class="heading"> + code + </div> + + <div class="profile"> + <ul> + <li><a href="https://www.git.talhaamir.xyz">cgit</a></li> + <li class="desc">home to experiments, playground projects <br /> + and graveyards of unfinished works</li> + <li class="small">usage frequency: <small class="high">high</small></li> + </ul> + <ul> + <li><a href="https://www.github.com/sarcxd">github</a></li> + <li class="desc">tracker for traces of older works</li> + <li class="small">usage frequency: <small class="low">low</small></li> + </ul> + </div> + </div> + <div class="profile p2"> + <ul> + <li><a href="https://www.linkedin.com/in/talha-aamir-0253a1168/">linkedin</a></li> + <li class="small">usage frequency: <small class="medium">medium</small></li> + </ul> + <ul> + <li><a href="mailto://talhaaamir@gmail.com">email</a></li> + <li class="small">usage frequency: <small class="high">high</small></li> + </ul> + </div> + </div> + </profiles-body> +</body> + +</html> |