added old pages

This commit is contained in:
Dym Sohin 2024-08-06 16:39:08 +02:00
parent 52c05e433c
commit 7c7699d576
61 changed files with 3766 additions and 312 deletions

68
.env Normal file
View File

@ -0,0 +1,68 @@
APP_NAME=Laravel
APP_ENV=local
APP_KEY=base64:/4iQMUGojyypXAMaOjvIRIHHG+a/cbY+2KLC2ToQYHQ=
APP_DEBUG=true
APP_TIMEZONE=UTC
APP_URL=http://localhost
APP_LOCALE=en
APP_FALLBACK_LOCALE=en
APP_FAKER_LOCALE=en_US
APP_MAINTENANCE_DRIVER=file
# APP_MAINTENANCE_STORE=database
BCRYPT_ROUNDS=12
LOG_CHANNEL=stack
LOG_STACK=single
LOG_DEPRECATIONS_CHANNEL=null
LOG_LEVEL=debug
DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=laravel
DB_USERNAME=laravel
DB_PASSWORD=laravel
SESSION_DRIVER=database
SESSION_LIFETIME=120
SESSION_ENCRYPT=false
SESSION_PATH=/
SESSION_DOMAIN=null
BROADCAST_CONNECTION=log
FILESYSTEM_DISK=local
QUEUE_CONNECTION=database
CACHE_STORE=database
CACHE_PREFIX=
MEMCACHED_HOST=127.0.0.1
REDIS_CLIENT=phpredis
REDIS_HOST=127.0.0.1
REDIS_PASSWORD=null
REDIS_PORT=6379
MAIL_MAILER=log
MAIL_HOST=127.0.0.1
MAIL_PORT=2525
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="hello@example.com"
MAIL_FROM_NAME="${APP_NAME}"
AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
AWS_DEFAULT_REGION=us-east-1
AWS_BUCKET=
AWS_USE_PATH_STYLE_ENDPOINT=false
VITE_APP_NAME="${APP_NAME}"
DEV_SERVER_URL=http://localhost:3000
DEV_SERVER_KEY=
DEV_SERVER_CERT=

5
.gitignore vendored
View File

@ -1 +1,4 @@
vendor/ /public/build
/vendor/
.env
/node_modules/

View File

@ -1,66 +0,0 @@
<p align="center"><a href="https://laravel.com" target="_blank"><img src="https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg" width="400" alt="Laravel Logo"></a></p>
<p align="center">
<a href="https://github.com/laravel/framework/actions"><img src="https://github.com/laravel/framework/workflows/tests/badge.svg" alt="Build Status"></a>
<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/dt/laravel/framework" alt="Total Downloads"></a>
<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/v/laravel/framework" alt="Latest Stable Version"></a>
<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a>
</p>
## About Laravel
Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
- [Simple, fast routing engine](https://laravel.com/docs/routing).
- [Powerful dependency injection container](https://laravel.com/docs/container).
- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
- [Robust background job processing](https://laravel.com/docs/queues).
- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
Laravel is accessible, powerful, and provides tools required for large, robust applications.
## Learning Laravel
Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.
You may also try the [Laravel Bootcamp](https://bootcamp.laravel.com), where you will be guided through building a modern Laravel application from scratch.
If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains thousands of video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
## Laravel Sponsors
We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the [Laravel Partners program](https://partners.laravel.com).
### Premium Partners
- **[Vehikl](https://vehikl.com/)**
- **[Tighten Co.](https://tighten.co)**
- **[WebReinvent](https://webreinvent.com/)**
- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
- **[64 Robots](https://64robots.com)**
- **[Curotec](https://www.curotec.com/services/technologies/laravel/)**
- **[Cyber-Duck](https://cyber-duck.co.uk)**
- **[DevSquad](https://devsquad.com/hire-laravel-developers)**
- **[Jump24](https://jump24.co.uk)**
- **[Redberry](https://redberry.international/laravel/)**
- **[Active Logic](https://activelogic.com)**
- **[byte5](https://byte5.de)**
- **[OP.GG](https://op.gg)**
## Contributing
Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
## Code of Conduct
In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
## Security Vulnerabilities
If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed.
## License
The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

View File

@ -1,47 +0,0 @@
<?php
namespace App\Models;
// use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
class User extends Authenticatable
{
use HasFactory, Notifiable;
/**
* The attributes that are mass assignable.
*
* @var array<int, string>
*/
protected $fillable = [
'name',
'email',
'password',
];
/**
* The attributes that should be hidden for serialization.
*
* @var array<int, string>
*/
protected $hidden = [
'password',
'remember_token',
];
/**
* Get the attributes that should be cast.
*
* @return array<string, string>
*/
protected function casts(): array
{
return [
'email_verified_at' => 'datetime',
'password' => 'hashed',
];
}
}

View File

@ -0,0 +1,26 @@
<?php
namespace App\View\Components;
use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\View\Component;
class layout extends Component
{
/**
* Create a new component instance.
*/
public function __construct()
{
//
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string
{
return view('components.layout');
}
}

View File

@ -10,6 +10,7 @@
"laravel/tinker": "^2.9" "laravel/tinker": "^2.9"
}, },
"require-dev": { "require-dev": {
"barryvdh/laravel-debugbar": "^3.13",
"fakerphp/faker": "^1.23", "fakerphp/faker": "^1.23",
"laravel/pint": "^1.13", "laravel/pint": "^1.13",
"laravel/sail": "^1.26", "laravel/sail": "^1.26",

154
composer.lock generated
View File

@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies", "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically" "This file is @generated automatically"
], ],
"content-hash": "24c05191d00f03d827cb3021060580ee", "content-hash": "58c879ddfb9b6c3f3870b64a24856d00",
"packages": [ "packages": [
{ {
"name": "brick/math", "name": "brick/math",
@ -5679,6 +5679,90 @@
} }
], ],
"packages-dev": [ "packages-dev": [
{
"name": "barryvdh/laravel-debugbar",
"version": "v3.13.5",
"source": {
"type": "git",
"url": "https://github.com/barryvdh/laravel-debugbar.git",
"reference": "92d86be45ee54edff735e46856f64f14b6a8bb07"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/barryvdh/laravel-debugbar/zipball/92d86be45ee54edff735e46856f64f14b6a8bb07",
"reference": "92d86be45ee54edff735e46856f64f14b6a8bb07",
"shasum": ""
},
"require": {
"illuminate/routing": "^9|^10|^11",
"illuminate/session": "^9|^10|^11",
"illuminate/support": "^9|^10|^11",
"maximebf/debugbar": "~1.22.0",
"php": "^8.0",
"symfony/finder": "^6|^7"
},
"require-dev": {
"mockery/mockery": "^1.3.3",
"orchestra/testbench-dusk": "^5|^6|^7|^8|^9",
"phpunit/phpunit": "^9.6|^10.5",
"squizlabs/php_codesniffer": "^3.5"
},
"type": "library",
"extra": {
"branch-alias": {
"dev-master": "3.13-dev"
},
"laravel": {
"providers": [
"Barryvdh\\Debugbar\\ServiceProvider"
],
"aliases": {
"Debugbar": "Barryvdh\\Debugbar\\Facades\\Debugbar"
}
}
},
"autoload": {
"files": [
"src/helpers.php"
],
"psr-4": {
"Barryvdh\\Debugbar\\": "src/"
}
},
"notification-url": "https://packagist.org/downloads/",
"license": [
"MIT"
],
"authors": [
{
"name": "Barry vd. Heuvel",
"email": "barryvdh@gmail.com"
}
],
"description": "PHP Debugbar integration for Laravel",
"keywords": [
"debug",
"debugbar",
"laravel",
"profiler",
"webprofiler"
],
"support": {
"issues": "https://github.com/barryvdh/laravel-debugbar/issues",
"source": "https://github.com/barryvdh/laravel-debugbar/tree/v3.13.5"
},
"funding": [
{
"url": "https://fruitcake.nl",
"type": "custom"
},
{
"url": "https://github.com/barryvdh",
"type": "github"
}
],
"time": "2024-04-12T11:20:37+00:00"
},
{ {
"name": "brianium/paratest", "name": "brianium/paratest",
"version": "v7.4.3", "version": "v7.4.3",
@ -6254,6 +6338,74 @@
}, },
"time": "2024-07-22T14:36:50+00:00" "time": "2024-07-22T14:36:50+00:00"
}, },
{
"name": "maximebf/debugbar",
"version": "v1.22.3",
"source": {
"type": "git",
"url": "https://github.com/maximebf/php-debugbar.git",
"reference": "7aa9a27a0b1158ed5ad4e7175e8d3aee9a818b96"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/maximebf/php-debugbar/zipball/7aa9a27a0b1158ed5ad4e7175e8d3aee9a818b96",
"reference": "7aa9a27a0b1158ed5ad4e7175e8d3aee9a818b96",
"shasum": ""
},
"require": {
"php": "^7.2|^8",
"psr/log": "^1|^2|^3",
"symfony/var-dumper": "^4|^5|^6|^7"
},
"require-dev": {
"dbrekelmans/bdi": "^1",
"phpunit/phpunit": "^8|^9",
"symfony/panther": "^1|^2.1",
"twig/twig": "^1.38|^2.7|^3.0"
},
"suggest": {
"kriswallsmith/assetic": "The best way to manage assets",
"monolog/monolog": "Log using Monolog",
"predis/predis": "Redis storage"
},
"type": "library",
"extra": {
"branch-alias": {
"dev-master": "1.22-dev"
}
},
"autoload": {
"psr-4": {
"DebugBar\\": "src/DebugBar/"
}
},
"notification-url": "https://packagist.org/downloads/",
"license": [
"MIT"
],
"authors": [
{
"name": "Maxime Bouroumeau-Fuseau",
"email": "maxime.bouroumeau@gmail.com",
"homepage": "http://maximebf.com"
},
{
"name": "Barry vd. Heuvel",
"email": "barryvdh@gmail.com"
}
],
"description": "Debug bar in the browser for php application",
"homepage": "https://github.com/maximebf/php-debugbar",
"keywords": [
"debug",
"debugbar"
],
"support": {
"issues": "https://github.com/maximebf/php-debugbar/issues",
"source": "https://github.com/maximebf/php-debugbar/tree/v1.22.3"
},
"time": "2024-04-03T19:39:26+00:00"
},
{ {
"name": "mockery/mockery", "name": "mockery/mockery",
"version": "1.6.12", "version": "1.6.12",

View File

@ -16,7 +16,7 @@ return [
| |
*/ */
'default' => env('DB_CONNECTION', 'sqlite'), 'default' => env('DB_CONNECTION', 'pgsql'),
/* /*
|-------------------------------------------------------------------------- |--------------------------------------------------------------------------
@ -68,8 +68,8 @@ return [
'host' => env('DB_HOST', '127.0.0.1'), 'host' => env('DB_HOST', '127.0.0.1'),
'port' => env('DB_PORT', '3306'), 'port' => env('DB_PORT', '3306'),
'database' => env('DB_DATABASE', 'laravel'), 'database' => env('DB_DATABASE', 'laravel'),
'username' => env('DB_USERNAME', 'root'), 'username' => env('DB_USERNAME', 'laravel'),
'password' => env('DB_PASSWORD', ''), 'password' => env('DB_PASSWORD', 'laravel'),
'unix_socket' => env('DB_SOCKET', ''), 'unix_socket' => env('DB_SOCKET', ''),
'charset' => env('DB_CHARSET', 'utf8mb4'), 'charset' => env('DB_CHARSET', 'utf8mb4'),
'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'), 'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
@ -88,8 +88,8 @@ return [
'host' => env('DB_HOST', '127.0.0.1'), 'host' => env('DB_HOST', '127.0.0.1'),
'port' => env('DB_PORT', '5432'), 'port' => env('DB_PORT', '5432'),
'database' => env('DB_DATABASE', 'laravel'), 'database' => env('DB_DATABASE', 'laravel'),
'username' => env('DB_USERNAME', 'root'), 'username' => env('DB_USERNAME', 'laravel'),
'password' => env('DB_PASSWORD', ''), 'password' => env('DB_PASSWORD', 'laravel'),
'charset' => env('DB_CHARSET', 'utf8'), 'charset' => env('DB_CHARSET', 'utf8'),
'prefix' => '', 'prefix' => '',
'prefix_indexes' => true, 'prefix_indexes' => true,

BIN
node.xz Normal file

Binary file not shown.

View File

@ -6,8 +6,11 @@
"build": "vite build" "build": "vite build"
}, },
"devDependencies": { "devDependencies": {
"axios": "^1.6.4", "autoprefixer": "^10.4.20",
"laravel-vite-plugin": "^1.0", "laravel-vite-plugin": "^1.0.5",
"vite": "^5.0" "postcss": "^8.4.41",
"tailwindcss": "^3.4.7",
"vite": "^5.3.5",
"vite-plugin-laravel": "^0.3.1"
} }
} }

View File

@ -0,0 +1,9 @@
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="47.5" stroke="url(#paint0_linear_302_174)" stroke-opacity="0.1" stroke-width="7"/>
<defs>
<linearGradient id="paint0_linear_302_174" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse">
<stop offset="0.5" stop-opacity="0"/>
<stop offset="1"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 414 B

636
public/css/style.css Normal file
View File

@ -0,0 +1,636 @@
:root
{ color-scheme : dark
; --bg : #1c1c1c
; --text : #fff
; --red : #ff5555
; --yellow : #f4e7a3
; --green : #baf39e
; --blue : #82d8fd
; --rose : #fddec6
; --teal : #85f3cf
; --orange : #ffbf57
; --honey : #ff853e
; --honey-tr : #ff853e80
; --pink : #ffa6ff
; --gray : #ccc
; --true-gray : #808080
; --dark : #222
; --font-size : 20px
; --line-height : 1.75em
; --mw : 22rem
; --round : 9999px
}
/* *:not(svg, svg *) */
a
, aside
, blockquote
, body
, div
, figcaption
, figure
, footer
, img
, main
, nav
, section
, span
, ul, ol, li
, dl, dd, dt
{ all : unset
; margin : 0
; padding : 0
; display : flex
; gap : 1rem
; flex-wrap : wrap
; word-wrap : break-word
; hyphens : auto
; box-sizing : border-box
; overflow : visible
; color : var( --text )
; line-height : var( --line-height )
; transition : all 0.25s ease-out
; font-family
: 'Kadwa'
, 'DejaVu Sans'
, 'PT Sans'
, 'Helvetica'
, 'Helvetica Rounded'
, sans-serif
}
/* hidden */
head
, title
, style
, script
, [hidden]
, [type=hidden]
, .hidden
, summary ::-webkit-details-marker
{ display : none }
[disabled]
, .disabled
{ opacity : 0.5
; cursor : not-allowed
; pointer-events : none
}
html
{ scroll-behavior : smooth
; font-size : var( --font-size )
; display : unset
; line-height : 1.5em
}
body
{ background : var( --bg )
; min-height : 100vh
; min-width : var( --mw )
; max-width : 60rem
; margin : 0 auto
; flex-direction : column
; gap : 0
}
nav
{ padding : 3rem 1rem }
aside
{ gap : 1.25rem
; margin-bottom : 3rem
}
aside a:any-link
{ justify-content : center
; flex-basis : 7rem
; border-radius : 0.125rem
; padding : 0.5rem 1rem
; border : 0.125rem solid var(--green)
; flex-wrap : nowrap
; gap : 0
}
aside a:active
, aside a:focus
, aside a:hover
{ background : var(--bg)
; box-shadow:
0 0 0 0.125rem var(--bg)
, 0 0 0 0.25rem var(--green)
}
aside a
, aside a > span
, aside a:any-link
, aside a:any-link > span
{ color : var(--green)
; flex-wrap : nowrap
; white-space : nowrap
}
aside a:any-link > span
{ text-decoration : underline }
aside a.current
{ border : 0.125rem dotted var(--honey) }
aside a.current
, aside a.current > span {
color : var(--honey);
cursor : unset;
text-decoration : unset;
}
aside a.current:active
, aside a.current:focus
, aside a.current:hover {
background : unset;
box-shadow : unset;
}
main
{ flex-grow : 1
; align-content : flex-start
; justify-content : center
; align-self : center
; padding : 0 1rem
}
footer
{ flex-wrap : wrap
; justify-content : center
; padding : 3rem 1rem
; align-content : flex-end
; flex-grow : 1
; flex-direction : row
}
input::placeholder
{ color : gray }
a:any-link
, button
, label[for]
, input[type=submit]
, input[type=button]
, input[type=checkbox]
, input[type=radio]
, input[type=file]
, input[type=color]
, summary
{ cursor : pointer
; transition : box-shadow 0.25s ease-out
}
a:any-link
{ color : var(--blue) }
.c
{ align-content : center
; align-items : center
; justify-content : center
; justify-items : center
; text-align : center
}
.round
{ border-radius : var( --round ) }
img
{ max-width : 100vw
; overflow : hidden
}
.buttons
{ gap : 1rem
; padding : 1rem
; background : white
; flex-wrap : nowrap
}
.buttons img
{ height : 2rem }
.buttons > *
{ height : 2rem
; min-width : 2rem
}
.buttons > a:any-link
{ background :
var( --b, var( --true-gray ) )
url( 'button-gradient.svg' )
50% 50% no-repeat
; background-size : cover
; box-shadow
: inset 0 0 0 0.125rem #fff0
, 0 0 0 0.125rem #0000
}
.buttons > a:hover
, .buttons > a:focus
, .buttons > a:active
{ box-shadow
: inset 0 0 0 0.125rem #fff
, 0 0 0 0.125rem var( --b, var( --true-gray ) )
}
.buttons .group
{ padding : 0 }
.buttons.round > *
{ border-radius : var( --round ) }
.gallery
{ background : white
; padding : 0.5rem
; gap : 0.5rem
; border-radius : 0.5rem
; justify-content : center
; max-width : 50rem
}
.gallery figure
{ position : relative }
.gallery figure::before
{ box-shadow: inset 0 0 0 0.125rem #0003
; z-index : 2
; position: absolute
; width: 100%
; height: 100%
; pointer-events : none
; display : block
; content : ''
; border-radius : 0.25rem
}
section
{ gap : 1rem
; flex-direction : column
}
section .gallery
{ max-width : 32rem
; background : var(--dark)
}
section .gallery a:any-link
{ color : var(--bg)
; text-decoration: none
}
a.th:hover figure
, a.th:focus figure
, a.th:active figure
{ box-shadow
: 0 0 0 0.1rem #fff
, 0 0 0 0.2rem #0007
}
section .gallery a.th:hover figure
, section .gallery a.th:focus figure
, section .gallery a.th:active figure
{ box-shadow
: 0 0 0 0.1rem var(--dark)
, 0 0 0 0.2rem white
}
section .gallery a.th:hover figure::before
, section .gallery a.th:focus figure::before
, section .gallery a.th:active figure::before
{ box-shadow : 0 0 0 0 #0000 }
.gallery figcaption
{ color : var(--dark) }
.th
{ border-radius : 0.5rem }
.th img
, .th picture
{ width : 100%
; height : 100%
; object-fit : cover
; align-content : center
; justify-content : center
; box-shadow
: inset 0 0 0 0.125rem #0001
, 0 0 0 0.125rem #0000
}
figure
{ display : grid
; border-radius : 0.25rem
; overflow : hidden
; align-items : end
; justify-items : stretch
; grid-template :
'all'
9rem
/
16rem
}
figure > img
, figure > picture
, figure > figcaption
{ grid-area : all }
figure > figcaption
{ padding : 0 0.5rem
; backdrop-filter : blur( 0.125rem )
; background-color : #fff9
; border-radius : 0.125rem
; justify-self : flex-start
; margin : 0.125rem
; max-height : 2.25rem
; overflow : hidden
; text-overflow : ellipsis
}
figure:hover > figcaption
, figure:active > figcaption
, figure:focus > figcaption
{ max-height : 100% }
.bg-icon
{ background-image : url( './button-gradient.svg' )
, url( './about/icon.png' ) !important
}
.end
{ justify-items : end
; justify-content : end
}
input
, button
{ box-shadow : inset 0 0 0 0.125rem #ddd }
input
{ width : 14rem
; padding : 0 1rem
}
input[type="search"] + button
{ margin-left : -3rem
; display : none
}
input[type="search"]:hover + button
, input[type="search"]:focus + button
, input[type="search"]:active + button
{ display : flex
; border : 0.125rem solid #bbb
; box-shadow : inset 0 0 0 0.125rem transparent
}
button
{ background-color : var(--b, var( --gray ) ) }
button:hover
, button:focus
, button:active
{ box-shadow : inset 0 0 0 0.125rem #fff !important
; display : flex
}
input:hover
, input:focus
, input:active
{ box-shadow : inset 0 0 0 0.125rem #bbb }
.red { --b : var( --red ) }
.yellow { --b : var( --yellow ) }
.green { --b : var( --green ) }
.blue { --b : var( --blue ) }
.rose { --b : var( --rose ) }
.teal { --b : var( --teal ) }
.orange { --b : var( --orange ) }
.pink { --b : var( --pink ) }
.gray { --b : var( --gray ) }
.col-2
{ display : grid
; gap : 0 1rem
; grid-template-columns : 1fr 1fr
}
.about
{ gap : 3rem
; display : grid
; grid-template-columns : 10rem 1fr
; align-items: start
; align-content: start
}
.about a
, summary
{ border-radius : 0.125rem
; text-decoration : underline
}
a[href^='https://dym.sh/']
, a[href^='/']
, a[href^='./']
, a[href^='../']
, a[href^='#']
, summary
{ color : var(--green) }
.about a:not(.th):active
, .about a:not(.th):focus
, .about a:not(.th):hover
{ background : var(--bg)
; box-shadow:
0 0 0 0.125rem var(--bg)
, 0 0 0 0.25rem var(--text)
, 0 0 0 0.5rem var(--bg)
}
h1
, h2
, h3
{ margin : 0
; text-align : right
; font-size : 1rem
; color : var(--honey)
; font-weight : 500
}
.about h3
{ text-align : unset
; margin-top: 1rem
}
h2 a
{ display: inline }
h2 a:any-link
, h2 a[href^='https://dym.sh/']:any-link
, h2 a[href^='/']:any-link
{ color : var(--honey) }
.about ul
, .about p
{ margin : 0 }
h1 + ul
, h2 + ul
, h3 + ul
{ padding-top : 0 }
.about ul + h1
, .about ul + h2
, .about ul + h3
, .about ul > :last-child
{ padding-bottom : 0 }
ul
{ gap : 0
; flex-direction : column
; flex-wrap : wrap
}
ul > li
{ list-style : none
; display : unset
}
ul > li > *
, p > *
{ display : inline
; gap : 0
; padding : 0
}
ul > li::before
{ content : "–"
; padding-right : 0.5rem
; width : 2rem
}
.slides
, .pic
{ max-width : 50rem
; flex-direction : column
; gap : 0.5rem
; background : var(--bg, white)
; padding : 0.5rem
; border-radius : 0.5rem
; justify-content : center
; min-width: 16rem
}
.slides img
, .pic img
{ max-width : 100%
; min-width : 1rem
; align-items: center
; border-radius: 0.25rem
}
.buttons .current
{ position : relative
; justify-content : center
; align-items : center
}
.buttons .current::before
{ display : block
; pointer-events : none
; content : ''
; width : 0.75rem
; height : 0.75rem
; background : white
; border-radius : var( --round )
}
@media screen and (max-width : 600px) {
.about
{ display : flex
; flex-direction : column
; gap : 1rem
}
h2
{ align-content : flex-start
; margin-top : 1rem
}
}
@media screen and (max-width : 800px) {
.about .col-2
{ display : flex }
}
@media screen and (max-width : 1000px) {
.about .col-2.tablet-col-1
{ display : flex }
}
.pics
{ gap : 6rem
}
.pics .pic
{ padding : 0
; overflow : hidden
}
.col
{ flex-direction : column }
.row
{ flex-direction : row }
.nowrap
{ flex-wrap : nowrap }
.wrap
{ flex-wrap: wrap }
.thumbnail
{ justify-self : flex-end
; margin-top: 0.45rem
; border-radius : 0.25rem
; overflow : hidden
; position : relative
}
.thumbnail::before
{ z-index : 2
; position: absolute
; width: 100%
; height: 100%
; pointer-events : none
; display : block
; content : ''
; border-radius : 0.25rem
; box-shadow : inset 0 0 0 0.125rem var(--honey-tr)
}
.thumbnail img
{ width : 7.5rem
; height : 7.5rem
; object-fit : cover
}
blockquote
{ font-style : italic
; gap: 0.5rem
; flex-wrap : nowrap
}
blockquote::before
{ content: '>'
; text-align : right
}
.article
{ flex-direction: column }
.article img
{
max-width: 100%;
}
dl
{ display: grid
; grid-template: auto / auto 1fr
}
dd { justify-content: flex-start }
dt { justify-content: flex-end }
dfn[title]
{ border-bottom: 1pt dotted var(--text) }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 0 B

After

Width:  |  Height:  |  Size: 66 KiB

17
public/favicon.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#circ)">
<rect width="400" height="400" rx="200" fill="#FDDEC6" />
<rect width="400" height="400" fill="url(#bg)" />
<circle cx="200" cy="200" r="50" fill="#808080" />
</g>
<defs>
<pattern id="bg" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#pic" transform="scale(0.0025)" />
</pattern>
<clipPath id="circ">
<rect width="400" height="400" rx="200" fill="white" />
</clipPath>
<image id="pic" width="400" height="400" xlink:href="./icon.png" />
</defs>
</svg>

After

Width:  |  Height:  |  Size: 682 B

BIN
public/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

122
public/pages/comics/1.html Normal file
View File

@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/one-framed-sketches of @dym</title>
<meta property="og:title" content="/one-framed-sketches of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="slides" style="--bg:white;">
<img src="so-whats-up_20231219114808.png" alt="so-whats-up_20231219114808">
<img src="emotional cabbage 2023-12-14 c8.png" alt="emotional cabbage 2023-12-14 c8">
<img src="kukukis.png" alt="kukukis">
<img src="double-barrel puppet_20231123150355.png" alt="double-barrel puppet_20231123150355">
<img src="frogs-godray_20231125152049.png" alt="frogs-godray_20231125152049">
<img src="iteration-mark_20231125085621.png" alt="iteration-mark_20231125085621">
<img src="organic delusional disorder_20231125133547.png" alt="organic delusional disorder_20231125133547">
<img src="wall of coworker_20231125185726.png" alt="wall of coworker_20231125185726">
<img src="weclome to tf2 231125.png" alt="weclome to tf2 231125">
<img src="001 learn to walk [1bit]_20231119130028.png" alt="001 learn to walk [1bit]_20231119130028">
<img src="Photo 23-05-22 16-05-16 5850_20230522141048.png" alt="Photo 23-05-22 16-05-16 5850_20230522141048">
<img src="IMG_5720_20230509181949.png" alt="IMG_5720_20230509181949">
<img src="floor-plan.png" alt="floor-plan">
<img src="IMG_2186_20210912180018.png" alt="IMG_2186_20210912180018">
<img src="code speak.png" alt="code speak">
<img src="metronome.png" alt="metronome">
<img src="eng.png" alt="eng">
<img src="home depot [clarendon].jpg" alt="home depot [clarendon]">
<img src="house flippers.png" alt="house flippers">
<img src="injured.png" alt="injured">
<img src="leg-day.png" alt="leg-day">
<img src="muppets - Dr. Bunsen Honeydew.png" alt="muppets - Dr. Bunsen Honeydew">
<img src="oh my sweet summer child.jpg" alt="oh my sweet summer child">
<img src="preg-moon.jpg" alt="preg-moon">
<img src="roll tide.png" alt="roll tide">
<img src="smol tok 001.jpg" alt="smol tok 001">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/4-panel of @dym</title>
<meta property="og:title" content="/4-panel of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="slides" style="--bg:white;">
<img src="present ghost_20210909125741.png" alt="present ghost_20210909125741">
<img src="compound parts.jpg" alt="compound parts">
<img src="npferd.png" alt="npferd">
<img src="comic-pov.jpg" alt="comic-pov">
<img src="natur mort.jpg" alt="natur mort">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/hourly-comic-day of @dym</title>
<meta property="og:title" content="/hourly-comic-day of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="slides" style="--bg:white;">
<img src="01.png" alt="">
<img src="02.png" alt="">
<img src="03.png" alt="">
<img src="04.png" alt="">
<img src="05.png" alt="">
<img src="06.png" alt="">
<img src="07.png" alt="">
<img src="08.png" alt="">
<img src="09.png" alt="">
<img src="10.png" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/comics of @dym</title>
<meta property="og:title" content="/comics of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/"
class="green current"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="gallery">
<a href="/one-framed-sketches/"
class="th"
>
<figure>
<img src="/one-framed-sketches/emotional%20cabbage%202023-12-14%20c8.png" width="200" alt="">
<figcaption>one-framed sketches</figcaption>
</figure>
</a>
<a href="/4-panel/"
class="th"
>
<figure>
<img src="/4-panel/present ghost_20210909125741.png" width="200" alt="">
<figcaption>4-panel</figcaption>
</figure>
</a>
<a href="/sketch-a-day/"
class="th"
>
<figure>
<img src="/sketch-a-day/04-this-side-is-cat.png" width="200" alt="">
<figcaption>Sketch-a-Day</figcaption>
</figure>
</a>
<a href="/hourly-comic-day/"
class="th"
>
<figure>
<img src="/hourly-comic-day/01.png" width="200" alt="">
<figcaption>Hourly Comic Day</figcaption>
</figure>
</a>
<a href="/sequence/"
class="th"
>
<figure>
<img src="/sequence/01.png" width="200" alt="">
<figcaption>Sequence</figcaption>
</figure>
</a>
<a href="/thinking/"
class="th"
>
<figure>
<img src="/thinking/1.png" width="200" alt="">
<figcaption>thinking</figcaption>
</figure>
</a>
<a href="/older-comics/"
class="th"
>
<figure>
<img src="/older-comics/hal9000-siri.png" width="200" alt="">
<figcaption>older comics</figcaption>
</figure>
</a>
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/older-comics of @dym</title>
<meta property="og:title" content="/older-comics of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="slides" style="--bg:white;">
<img src="same 20231205152758.png" alt="same 20231205152758">
<img src="solomon-kid_20231001200619.png" alt="solomon-kid_20231001200619">
<img src="polka-geist.png" alt="polka-geist">
<img src="responsive-belt-design.jpg" alt="responsive-belt-design">
<img src="9000-years-later.png" alt="9000-years-later">
<img src="comic about testing ipad brushes.png" alt="comic about testing ipad brushes">
<img src="dabl-t-baggin.png" alt="dabl-t-baggin">
<img src="dont-read-this-sign--halftone45.png" alt="dont-read-this-sign--halftone45">
<img src="hal9000-siri.png" alt="hal9000-siri">
<img src="Increasingly-Verbose_irl.jpg" alt="Increasingly-Verbose_irl">
<img src="inktober-01.png" alt="inktober-01">
<img src="krug-psi--eng.png" alt="krug-psi--eng">
<img src="lost-myself-and-proud.png" alt="lost-myself-and-proud">
<img src="making first comic on ipad.png" alt="making first comic on ipad">
<img src="mobile-web-on-a-wheel.png" alt="mobile-web-on-a-wheel">
<img src="out (copy 1).png" alt="out (copy 1)">
<img src="out.png" alt="out">
<img src="p.png" alt="p">
<img src="resumed drawing.jpg" alt="resumed drawing">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/sequence of @dym</title>
<meta property="og:title" content="/sequence of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="slides" style="--bg:white;">
<img src="01.png" alt="">
<img src="02.png" alt="">
<img src="03.png" alt="">
<img src="04.png" alt="">
<img src="05.png" alt="">
<img src="06.png" alt="">
<img src="07.png" alt="">
<img src="08.png" alt="">
<img src="09.png" alt="">
<img src="10.png" alt="">
<img src="11.png" alt="">
<img src="12.png" alt="">
<img src="13.png" alt="">
<img src="14.png" alt="">
<img src="15.png" alt="">
<img src="16.png" alt="">
<img src="17.png" alt="">
<img src="18.png" alt="">
<img src="19.png" alt="">
<img src="20.png" alt="">
<img src="21.png" alt="">
<img src="22.png" alt="">
<img src="23.png" alt="">
<img src="24.png" alt="">
<img src="25.png" alt="">
<img src="26.png" alt="">
<img src="27.png" alt="">
<img src="28.png" alt="">
<img src="29.png" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/sequence of @dym</title>
<meta property="og:title" content="/sequence of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="slides" style="--bg:white;">
<img src="01-diamond-hooker.png" alt="diamond-hooker">
<img src="02-le-petit-boner.png" alt="le-petit-boner">
<img src="03-cup-half-sliced.png" alt="cup-half-sliced">
<img src="04-this-side-is-cat.png" alt="this-side-is-cat">
<img src="05-question-10.png" alt="question-10">
<img src="06-its-a-living.png" alt="its-a-living">
<img src="07-bed-time.png" alt="bed-time">
<img src="08-stay-at-home-mom-stamp.png" alt="stay-at-home-mom-stamp">
<img src="09-sketch-a-delay.png" alt="sketch-a-delay">
<img src="10-arts-and-theory-crafts.png" alt="arts-and-theory-crafts">
<img src="11-maxim-the-walker.png" alt="maxim-the-walker">
<img src="12-slicing-the-track.png" alt="slicing-the-track">
<img src="13-new-years-resolution.png" alt="new-years-resolution">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/thinking of @dym</title>
<meta property="og:title" content="/thinking of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="slides" style="--bg:white;">
<img src="1.png" alt="">
<img src="2.png" alt="">
<img src="3.png" alt="">
<img src="4.png" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/graphics of @dym</title>
<meta property="og:title" content="/graphics of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/"
class="red current"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="gallery">
<a href="https://figma.com/@dym_sh"
class="th"
>
<figure>
<img src="/figma/th.jpg" width="200" alt="">
<figcaption>figma</figcaption>
</figure>
</a>
<a href="/identity/"
class="th"
>
<figure>
<img src="/identity/design-jp.jpg" width="200" alt="">
<figcaption>identity</figcaption>
</figure>
</a>
<a href="/posters/"
class="th"
>
<figure>
<img src="/posters/___000.png" width="200" alt="">
<figcaption>posters</figcaption>
</figure>
</a>
<a href="/scra/"
class="th"
>
<figure>
<img src="/scra/04-fallg.jpg" width="200" alt="">
<figcaption>scra</figcaption>
</figure>
</a>
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>gTLD's</title>
<meta property="og:title" content="gTLD's">
<meta name="description" content="sort .gTLD's by length and price">
<meta property="og:description" content="sort .gTLD's by length and price">
<meta property="og:type" content="profile">
<meta property="og:url" content="https://dym.sh/gtlds/">
<meta property="og:image" content="https://dym.sh/gtlds/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#1c1c1c">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh/gtlds/">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://github.com/dym-sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/" class="red" title="graphics"><span class="hidden">graphics</span>
</a>
<a href="/photos/" class="yellow" title="photos"><span class="hidden">photos</span>
</a>
<a href="/comics/" class="green" title="comics"><span class="hidden">comics</span>
</a>
<a href="/code/" class="current blue" title="code"><span class="hidden">code</span>
</a>
<a href="/notes/" class="rose" title="notes"><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="article">
<img
src="https://dym.sh/gtlds/th.png"
alt="sort .gTLD's by length and price"
width="500"
class="mw"
>
<p>sort .gTLD's by length and price
</p>
<p>(by copy-pasting @Namecheap's domain-search .CSV-export contents)
</p>
<dl>
<dt>live</dt>
<dd><a href="https://tld.source.garden/">tld.source.garden</a></dd>
<dt></dt>
<dd><a href="https://codepen.io/dym-sh/full/poaKXox/">codepen</a></dd>
<dt>instructions and source-code</dt>
<dd><a href="https://source.garden/apps/gtlds/">source.garden</a></dd>
<dt></dt>
<dd><a href="https://github.com/dym-sh/gtlds/">github</a></dd>
</dl>
<p>backlink: <tt>https://dym.sh/gtlds/</tt>
</p>
</main>
<footer>
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

BIN
public/pages/gtlds/th.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/identity of @dym</title>
<meta property="og:title" content="/identity of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red current"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="slides" style="--bg:white;">
<img src="design-jp.jpg" alt="design-jp">
</div>
<div class="slides" style="--bg:white;">
<img src="luna.jpg" alt="luna">
</div>
<div class="slides" style="--bg:white;">
<img src="pepsi-points.jpg" alt="pepsi-points">
</div>
<div class="slides" style="--bg:white;">
<img src="1984.png" alt="1984">
</div>
<div class="slides" style="--bg:white;">
<img src="aggents-new.png" alt="aggents-new">
</div>
<div class="slides row nowrap" style="--bg:white;">
<img src="blob-round.png" alt="blob-round">
<img src="blob-pixelated.png" alt="blob-pixelated">
</div>
<div class="slides" style="--bg:white;">
<img src="bruecker.png" alt="bruecker">
</div>
<div class="slides" style="--bg:white;">
<img src="circus.png" alt="circus">
</div>
<div class="slides" style="--bg:white;">
<img src="eye-care.png" alt="eye-care">
</div>
<div class="slides row nowrap" style="--bg:white;">
<img src="eye-talk-dark.png" alt="eye-talk-dark">
<img src="eye-talk-light.png" alt="eye-talk-light">
</div>
<div class="slides" style="--bg:white;">
<img src="focus.png" alt="focus">
</div>
<div class="slides row" style="--bg:white;">
<img src="git-io-big.png" alt="git-io-big">
<img src="git-io-small.png" alt="git-io-small">
</div>
<div class="slides" style="--bg:white;">
<img src="gray-prism.png" alt="gray-prism">
</div>
<div class="slides" style="--bg:white;">
<img src="mindless.png" alt="mindless">
</div>
<div class="slides" style="--bg:white;">
<img src="noformnocontent.png" alt="noformnocontent">
</div>
<div class="slides" style="--bg:white;">
<img src="observer-plus.png" alt="observer-plus">
</div>
<div class="slides" style="--bg:white;">
<img src="pipe-and-pencil.png" alt="pipe-and-pencil">
</div>
<div class="slides" style="--bg:white;">
<img src="pyramid-energy.png" alt="pyramid-energy">
</div>
<div class="slides" style="--bg:white;">
<img src="scar.png" alt="scar">
</div>
<div class="slides row" style="--bg:white;">
<img src="source-garden-logo.png" alt="source-garden-logo">
<img src="source-garden-th.png" alt="source-garden-th">
</div>
<div class="slides" style="--bg:white;">
<img src="thinking-energy.png" alt="thinking-energy">
</div>
<div class="slides" style="--bg:white;">
<img src="volkers.png" alt="volkers">
</div>
<div class="slides" style="--bg:white;">
<img src="yt-dlc.png" alt="yt-dlc">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<meta property="og:type" content="website">
<meta property="og:title" content="/notes of @dym">
<meta property="og:url" content="https://dym.sh">
<meta property="og:site_name" content="dym.sh">
<meta property="og:description" content="instanceof @dym">
<meta property="og:image" content="https://dym.sh/fileserver/01NMEQ3XQFZ26HP4ZXP12HVBDV/attachment/original/016PZ11CP5YZV82MN3608C1YZE.png">
<meta property="og:image:alt" content="a flat disc, smoothed colored [red yellow green blue rose] radial-rays gradient, with a gray circle in the middle">
<link rel="shortcut icon" href="https://dym.sh/fileserver/01NMEQ3XQFZ26HP4ZXP12HVBDV/attachment/original/016PZ11CP5YZV82MN3608C1YZE.png"
type="image/png">
<link rel="stylesheet" href="../style.css">
<title>/notes of @dym</title>
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/" class="red" title="graphics"><span class="hidden">graphics</span>
</a>
<a href="/photos/" class="yellow" title="photos"><span class="hidden">photos</span>
</a>
<a href="/comics/" class="green" title="comics"><span class="hidden">comics</span>
</a>
<a href="/code/" class="blue" title="code"><span class="hidden">code</span>
</a>
<a href="/" class="rose current" title="notes"><span class="hidden">notes</span>
</a>
</div>
</nav>
<aside class="c lvl2">
<a href="#" class="current">/<span>smol</span></a>
<a href="/poetry">/<span>poetry</span></a>
<a href="/articles">/<span>articles</span></a>
</aside>
<main class="about">
<h1>2024</h1>
<section>
<p>a groot start</p>
<p>even if earth is not exactly flat, my living space — is.</p>
</section>
</main>
<footer>
<div class="buttons round">
<a href="/"
class="bg-icon"
title="homepage"
><span class="hidden">homepage</span>
</a>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2016 of @dym</title>
<meta property="og:title" content="/photos-2016 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="IMG_0338.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_0483.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_0518.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

View File

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2017 of @dym</title>
<meta property="og:title" content="/photos-2017 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="tram-fog.jpg" alt="">
</div>
<div class="pic rounded">
<img src="gray fog station.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20170727_203037.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

View File

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2018 of @dym</title>
<meta property="og:title" content="/photos-2018 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="IMG_20180110_112827.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20180110_113447.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20181225_182746.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

View File

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2019 of @dym</title>
<meta property="og:title" content="/photos-2019 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="IMG_20190326_164538.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20190518_192306_color_adj.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20190802_153456.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2020 of @dym</title>
<meta property="og:title" content="/photos-2020 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="IMG_3392_20200711080651.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_3705_20200809195558.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20200206_150318_20200206140322.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20201030_112104_20201030102106.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2021 of @dym</title>
<meta property="og:title" content="/photos-2021 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="IMG_1785_20210730092444.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_6074_20210110123142.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20210131_115636_20210131105638.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20210612_110128_20210612090128.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

View File

@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2022 of @dym</title>
<meta property="og:title" content="/photos-2022 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="IMG_20220316_180345_20220316170345.jpg" alt="">
</div>
<div class="pic rounded">
<img src="IMG_20220512_202219_20220512182219.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos-2023 of @dym</title>
<meta property="og:title" content="/photos-2023 of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/photos/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main class="c col pics">
<div class="pic rounded">
<img src="DSC_0001 (2)_20231113162414.jpg" alt="">
</div>
<div class="pic rounded">
<img src="DSC_0001_20231028174955.jpg" alt="">
</div>
<div class="pic rounded">
<img src="DSC_0002_20231216005516.jpg" alt="">
</div>
<div class="pic rounded">
<img src="DSC_0008_20231110115444.jpg" alt="">
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

View File

@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos of @dym</title>
<meta property="og:title" content="/photos of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="gallery">
<a href="/photos-2023/"
class="th"
>
<figure>
<img src="/photos-2023/th.jpg" width="200" alt="">
<figcaption>2023</figcaption>
</figure>
</a>
<a href="/photos-2022/"
class="th"
>
<figure>
<img src="/photos-2022/th.jpg" width="200" alt="">
<figcaption>2022</figcaption>
</figure>
</a>
<a href="/photos-2021/"
class="th"
>
<figure>
<img src="/photos-2021/th.jpg" width="200" alt="">
<figcaption>2021</figcaption>
</figure>
</a>
<a href="/photos-2020/"
class="th"
>
<figure>
<img src="/photos-2020/th.jpg" width="200" alt="">
<figcaption>2020</figcaption>
</figure>
</a>
<a href="/photos-2019/"
class="th"
>
<figure>
<img src="/photos-2019/th.jpg" width="200" alt="">
<figcaption>2019</figcaption>
</figure>
</a>
<a href="/photos-2018/"
class="th"
>
<figure>
<img src="/photos-2018/th.jpg" width="200" alt="">
<figcaption>2018</figcaption>
</figure>
</a>
<a href="/photos-2017/"
class="th"
>
<figure>
<img src="/photos-2017/th.png" width="200" alt="">
<figcaption>2017</figcaption>
</figure>
</a>
<a href="/photos-2016/"
class="th"
>
<figure>
<img src="/photos-2016/th.jpg" width="200" alt="">
<figcaption>2016</figcaption>
</figure>
</a>
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>

BIN
public/th.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

View File

@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

View File

@ -1 +0,0 @@
import './bootstrap';

View File

@ -1,4 +0,0 @@
import axios from 'axios';
window.axios = axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

View File

@ -0,0 +1 @@
// Build something cool. <3

View File

@ -0,0 +1,320 @@
<main class="about">
<firugre class="thumbnail">
<img src="./photo.jpg" width="125" height="125" alt="photo">
</firugre>
<section class="col">
<p>Personal homepage of <em>Dym Sohin</em>, a Full-Stack Web-Developer
</p>
<blockquote>create things thyself would use, and help others</blockquote>
<p>Résumé
[ <a target="_blank" href="/about/resume.pdf">.pdf</a>
/ <a target="_blank" href="/about/resume.txt">.txt</a>
]
<br>Lebenslauf
[ <a target="_blank" href="/about/lebenslauf.pdf">.pdf</a>
/ <a target="_blank" href="/about/lebenslauf.txt">.txt</a>
]
</p>
</section>
<h2>occupation</h2>
<ul>
<li>10+ years of experience in <dfn title="JS, CSS, HTML, PHP, SQL, node.js">web-development</dfn>
and <dfn title="Ui, Figma, Adobe Photoshop, Illustrator, InDesign">graphic design</dfn>
</li>
<li>extensive knowledge of multiple programming languages and frameworks</li>
<li>setting up and maintaining servers, local environments, and infrastructure</li>
<li>automation, usability, accessibility, and humane details</li>
</ul>
<h2>more portrets</h2>
<section class="row wrap">
<firugre class="thumbnail"><img src="./05.jpg" width="125" height="125" alt="photo 05"></firugre>
<firugre class="thumbnail"><img src="./03.jpg" width="125" height="125" alt="photo 03"></firugre>
<firugre class="thumbnail"><img src="./02.jpg" width="125" height="125" alt="photo 02"></firugre>
<firugre class="thumbnail"><img src="./04.jpg" width="125" height="125" alt="photo 04"></firugre>
<firugre class="thumbnail"><img src="./01.png" width="125" height="125" alt="photo 01"></firugre>
</section>
<h2 id="legalese">legalese</h2>
<section>
<p>Anbieterkennzeichung nach § 5 TMG und Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:
</p>
<div class="col-2">
<p> D. Sohin
<br>Tirschenreuther Ring 16
<br>12279 Berlin
</p>
<p>E-Mail [ <a target="_blank" href="mailto:re@dym.sh">re@dym.sh</a>
/ <a target="_blank" href="mailto:dym.sohin@gmail.com">gmail</a>
/ <a target="_blank" href="../pgp.txt">.pgp</a> ]
<br>Tel / WhatsApp [ <a href="tel:+4917638567489"> +49 176 3856 7489</a> ]
<br>Mastodon [ <a target="_blank" href="https://dym.sh/@dym">@dym@dym.sh</a> ]
</p>
</div>
<details id="Impressum">
<summary>Impressum</summary>
<h3>Hinweis gemäß Online-Streitbeilegungs-Verordnung</h3>
<p>Nach geltendem Recht sind wir verpflichtet, Verbraucher auf die Existenz der Europäischen Online-Streitbeilegungs-Plattform hinzuweisen, die für die Beilegung von Streitigkeiten genutzt werden kann, ohne dass ein Gericht eingeschaltet werden muss. Für die Einrichtung der Plattform ist die Europäische Kommission zuständig. Die Europäische Online-Streitbeilegungs-Plattform ist hier zu finden: <a href='http://ec.europa.eu/odr' target='_blank' rel='nofollow'>ec.europa.eu/odr</a>.</p>
<p>Wir weisen aber darauf hin, dass wir nicht bereit sind, uns am Streitbeilegungsverfahren im Rahmen der Europäischen Online-Streitbeilegungs-Plattform zu beteiligen. Nutzen Sie zur Kontaktaufnahme bitte unsere obige <a href='#legalese'>E-Mail und Telefonnummer</a>.</p>
<h3>Disclaimer rechtliche Hinweise</h3>
<h3>§ 1 Warnhinweis zu Inhalten</h3>
<p>Die kostenlosen und frei zugänglichen Inhalte dieser Webseite wurden mit größtmöglicher Sorgfalt erstellt. Der Anbieter dieser Webseite übernimmt jedoch keine Gewähr für die Richtigkeit und Aktualität der bereitgestellten kostenlosen und frei zugänglichen journalistischen Ratgeber und Nachrichten. Namentlich gekennzeichnete Beiträge geben die Meinung des jeweiligen Autors und nicht immer die Meinung des Anbieters wieder. Allein durch den Aufruf der kostenlosen und frei zugänglichen Inhalte kommt keinerlei Vertragsverhältnis zwischen dem Nutzer und dem Anbieter zustande, insoweit fehlt es am Rechtsbindungswillen des Anbieters.
<h3>§ 2 Externe Links</h3>
<p>Diese Website enthält Verknüpfungen zu Websites Dritter ("externe Links"). Diese Websites unterliegen der Haftung der jeweiligen Betreiber. Der Anbieter hat bei der erstmaligen Verknüpfung der externen Links die fremden Inhalte daraufhin überprüft, ob etwaige Rechtsverstöße bestehen. Zu dem Zeitpunkt waren keine Rechtsverstöße ersichtlich. Der Anbieter hat keinerlei Einfluss auf die aktuelle und zukünftige Gestaltung und auf die Inhalte der verknüpften Seiten. Das Setzen von externen Links bedeutet nicht, dass sich der Anbieter die hinter dem Verweis oder Link liegenden Inhalte zu Eigen macht. Eine ständige Kontrolle der externen Links ist für den Anbieter ohne konkrete Hinweise auf Rechtsverstöße nicht zumutbar. Bei Kenntnis von Rechtsverstößen werden jedoch derartige externe Links unverzüglich gelöscht.
<h3>§ 3 Urheber- und Leistungsschutzrechte</h3>
<p>Die auf dieser Website veröffentlichten Inhalte unterliegen dem deutschen Urheber- und Leistungsschutzrecht. Jede vom deutschen Urheber- und Leistungsschutzrecht nicht zugelassene Verwertung bedarf der vorherigen schriftlichen Zustimmung des Anbieters oder jeweiligen Rechteinhabers. Dies gilt insbesondere für Vervielfältigung, Bearbeitung, Übersetzung, Einspeicherung, Verarbeitung bzw. Wiedergabe von Inhalten in Datenbanken oder anderen elektronischen Medien und Systemen. Inhalte und Rechte Dritter sind dabei als solche gekennzeichnet. Die unerlaubte Vervielfältigung oder Weitergabe einzelner Inhalte oder kompletter Seiten ist nicht gestattet und strafbar. Lediglich die Herstellung von Kopien und Downloads für den persönlichen, privaten und nicht kommerziellen Gebrauch ist erlaubt.
<p>Die Darstellung dieser Website in fremden Frames ist nur mit schriftlicher Erlaubnis zulässig.
<h3>§ 4 Besondere Nutzungsbedingungen</h3>
<p>Soweit besondere Bedingungen für einzelne Nutzungen dieser Website von den vorgenannten Paragraphen abweichen, wird an entsprechender Stelle ausdrücklich darauf hingewiesen. In diesem Falle gelten im jeweiligen Einzelfall die besonderen Nutzungsbedingungen.
<p>Quelle: <a href='https://www.juraforum.de/impressum-generator/'>Impressum Vorlage von JuraForum.de</a></p>
</details>
<details id="Datenschutzerklärung">
<summary>Datenschutzerklärung</summary>
<h3 id='m14'>Einleitung</h3>
<p>Mit der folgenden Datenschutzerklärung möchten wir Sie darüber aufklären, welche Arten Ihrer personenbezogenen Daten (nachfolgend auch kurz als “Daten” bezeichnet) wir zu welchen Zwecken und in welchem Umfang verarbeiten. Die Datenschutzerklärung gilt für alle von uns durchgeführten Verarbeitungen personenbezogener Daten, sowohl im Rahmen der Erbringung unserer Leistungen als auch insbesondere auf unseren Webseiten, in mobilen Applikationen sowie innerhalb externer Onlinepräsenzen, wie z.B. unserer Social-Media-Profile (nachfolgend zusammenfassend bezeichnet als “Onlineangebot”).</p>
<p>Stand: 24. Februar 2024
<h3>Inhaltsübersicht</h3> <ul class='index'>
<li><a href='#m14'> Einleitung</a></li>
<li><a href='#m3'> Verantwortlicher</a></li>
<li><a href='#mOverview'> Übersicht der Verarbeitungen</a></li>
<li><a href='#m13'> Maßgebliche Rechtsgrundlagen</a></li>
<li><a href='#m27'> Sicherheitsmaßnahmen</a></li>
<li><a href='#m25'> Übermittlung und Offenbarung von personenbezogenen Daten</a></li>
<li><a href='#m24'> Datenverarbeitung in Drittländern</a></li>
<li><a href='#m134'> Einsatz von Cookies</a></li>
<li><a href='#m104'> Blogs und Publikationsmedien</a></li>
<li><a href='#m182'> Kontaktaufnahme</a></li>
<li><a href='#m225'> Bereitstellung des Onlineangebotes und Webhosting</a></li>
<li><a href='#m136'> Präsenzen in sozialen Netzwerken</a></li>
<li><a href='#m328'> Plugins und eingebettete Funktionen sowie Inhalte</a></li>
<li><a href='#m12'> Löschung von Daten</a></li>
<li><a href='#m15'> Änderung und Aktualisierung der Datenschutzerklärung</a></li>
<li><a href='#m10'> Rechte der betroffenen Personen</a></li>
<li><a href='#m42'> Begriffsdefinitionen</a></li>
</ul>
<h3 id='m3'>Verantwortlicher</h3>
<p><a href='#legalese'>Oben</a> genannt.</p>
<h3 id='mOverview'>Übersicht der Verarbeitungen</h3><p>Die nachfolgende Übersicht fasst die Arten der verarbeiteten Daten und die Zwecke ihrer Verarbeitung zusammen und verweist auf die betroffenen Personen.</p>
<h3>Arten der verarbeiteten Daten</h3>
<ul>
<li><p>Bestandsdaten (z.B. Namen, Adressen).</p></li>
<li><p>Inhaltsdaten (z.B. Texteingaben, Fotografien, Videos).</p></li>
<li><p>Kontaktdaten (z.B. E-Mail, Telefonnummern).</p></li>
<li><p>Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</p></li>
<li><p>Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten).</p></li>
</ul>
<h3>Kategorien betroffener Personen</h3>
<ul>
<li><p>Kommunikationspartner.</p></li>
<li><p>Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).</p></li>
</ul>
<h3>Zwecke der Verarbeitung</h3>
<ul>
<li><p>Bereitstellung unseres Onlineangebotes und Nutzerfreundlichkeit.</p></li>
<li><p>Feedback (z.B. Sammeln von Feedback via Online-Formular).</p></li>
<li><p>Kontaktanfragen und Kommunikation.</p></li>
<li><p>Remarketing.</p></li>
<li><p>Reichweitenmessung (z.B. Zugriffsstatistiken, Erkennung wiederkehrender Besucher).</p></li>
<li><p>Sicherheitsmaßnahmen.</p></li>
<li><p>Tracking (z.B. interessens-/verhaltensbezogenes Profiling, Nutzung von Cookies).</p></li>
<li><p>Vertragliche Leistungen und Service.</p></li>
<li><p>Verwaltung und Beantwortung von Anfragen.</p></li>
</ul>
<h3 id='m13'>Maßgebliche Rechtsgrundlagen</h3><p>Im Folgenden teilen wir die Rechtsgrundlagen der Datenschutzgrundverordnung (DSGVO), auf deren Basis wir die personenbezogenen Daten verarbeiten, mit. Bitte beachten Sie, dass zusätzlich zu den Regelungen der DSGVO die nationalen Datenschutzvorgaben in Ihrem bzw. unserem Wohn- und Sitzland gelten können.</p>
<ul>
<li><p><strong>Einwilligung (Art. 6 Abs. 1 S. 1 lit. a DSGVO)</strong> - Die betroffene Person hat ihre Einwilligung in die Verarbeitung der sie betreffenden personenbezogenen Daten für einen spezifischen Zweck oder mehrere bestimmte Zwecke gegeben.</p></li>
<li><p><strong>Vertragserfüllung und vorvertragliche Anfragen (Art. 6 Abs. 1 S. 1 lit. b. DSGVO)</strong> - Die Verarbeitung ist für die Erfüllung eines Vertrags, dessen Vertragspartei die betroffene Person ist, oder zur Durchführung vorvertraglicher Maßnahmen erforderlich, die auf Anfrage der betroffenen Person erfolgen.</p></li>
<li><p><strong>Schutz lebenswichtiger Interessen (Art. 6 Abs. 1 S. 1 lit. d. DSGVO)</strong> - Die Verarbeitung ist erforderlich, um lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person zu schützen.</p></li>
<li><p><strong>Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO)</strong> - Die Verarbeitung ist zur Wahrung der berechtigten Interessen des Verantwortlichen oder eines Dritten erforderlich, sofern nicht die Interessen oder Grundrechte und Grundfreiheiten der betroffenen Person, die den Schutz personenbezogener Daten erfordern, überwiegen.</p></li>
</ul><p><strong>Nationale Datenschutzregelungen in Deutschland</strong>: Zusätzlich zu den Datenschutzregelungen der Datenschutz-Grundverordnung gelten nationale Regelungen zum Datenschutz in Deutschland. Hierzu gehört insbesondere das Gesetz zum Schutz vor Missbrauch personenbezogener Daten bei der Datenverarbeitung (Bundesdatenschutzgesetz BDSG). Das BDSG enthält insbesondere Spezialregelungen zum Recht auf Auskunft, zum Recht auf Löschung, zum Widerspruchsrecht, zur Verarbeitung besonderer Kategorien personenbezogener Daten, zur Verarbeitung für andere Zwecke und zur Übermittlung sowie automatisierten Entscheidungsfindung im Einzelfall einschließlich Profiling. Des Weiteren regelt es die Datenverarbeitung für Zwecke des Beschäftigungsverhältnisses (§ 26 BDSG), insbesondere im Hinblick auf die Begründung, Durchführung oder Beendigung von Beschäftigungsverhältnissen sowie die Einwilligung von Beschäftigten. Ferner können Landesdatenschutzgesetze der einzelnen Bundesländer zur Anwendung gelangen.</p>
<h3 id='m27'>Sicherheitsmaßnahmen</h3><p>Wir treffen nach Maßgabe der gesetzlichen Vorgaben unter Berücksichtigung des Stands der Technik, der Implementierungskosten und der Art, des Umfangs, der Umstände und der Zwecke der Verarbeitung sowie der unterschiedlichen Eintrittswahrscheinlichkeiten und des Ausmaßes der Bedrohung der Rechte und Freiheiten natürlicher Personen geeignete technische und organisatorische Maßnahmen, um ein dem Risiko angemessenes Schutzniveau zu gewährleisten.</p>
<p>Zu den Maßnahmen gehören insbesondere die Sicherung der Vertraulichkeit, Integrität und Verfügbarkeit von Daten durch Kontrolle des physischen und elektronischen Zugangs zu den Daten als auch des sie betreffenden Zugriffs, der Eingabe, der Weitergabe, der Sicherung der Verfügbarkeit und ihrer Trennung. Des Weiteren haben wir Verfahren eingerichtet, die eine Wahrnehmung von Betroffenenrechten, die Löschung von Daten und Reaktionen auf die Gefährdung der Daten gewährleisten. Ferner berücksichtigen wir den Schutz personenbezogener Daten bereits bei der Entwicklung bzw. Auswahl von Hardware, Software sowie Verfahren entsprechend dem Prinzip des Datenschutzes, durch Technikgestaltung und durch datenschutzfreundliche Voreinstellungen.</p>
<h3 id='m25'>Übermittlung und Offenbarung von personenbezogenen Daten</h3><p>Im Rahmen unserer Verarbeitung von personenbezogenen Daten kommt es vor, dass die Daten an andere Stellen, Unternehmen, rechtlich selbstständige Organisationseinheiten oder Personen übermittelt oder sie ihnen gegenüber offengelegt werden. Zu den Empfängern dieser Daten können z.B. Zahlungsinstitute im Rahmen von Zahlungsvorgängen, mit IT-Aufgaben beauftragte Dienstleister oder Anbieter von Diensten und Inhalten, die in eine Webseite eingebunden werden, gehören. In solchen Fall beachten wir die gesetzlichen Vorgaben und schließen insbesondere entsprechende Verträge bzw. Vereinbarungen, die dem Schutz Ihrer Daten dienen, mit den Empfängern Ihrer Daten ab.</p>
<h3 id='m24'>Datenverarbeitung in Drittländern</h3><p>Sofern wir Daten in einem Drittland (d.h., außerhalb der Europäischen Union (EU), des Europäischen Wirtschaftsraums (EWR)) verarbeiten oder die Verarbeitung im Rahmen der Inanspruchnahme von Diensten Dritter oder der Offenlegung bzw. Übermittlung von Daten an andere Personen, Stellen oder Unternehmen stattfindet, erfolgt dies nur im Einklang mit den gesetzlichen Vorgaben.</p>
<p>Vorbehaltlich ausdrücklicher Einwilligung oder vertraglich oder gesetzlich erforderlicher Übermittlung verarbeiten oder lassen wir die Daten nur in Drittländern mit einem anerkannten Datenschutzniveau, zu denen die unter dem 'Privacy-Shield' zertifizierten US-Verarbeiter gehören, oder auf Grundlage besonderer Garantien, wie z.B. vertraglicher Verpflichtung durch sogenannte Standardschutzklauseln der EU-Kommission, des Vorliegens von Zertifizierungen oder verbindlicher interner Datenschutzvorschriften, verarbeiten (Art. 44 bis 49 DSGVO, Informationsseite der EU-Kommission: <a rel='nofollow' href='https://ec.europa.eu/info/law/law-topic/data-protection/international-dimension-data-protection_de' target='_blank'>ec.europa.eu/info/law/law-topic/data-protection/international-dimension-data-protection_de</a> ).</p>
<h3 id='m134'>Einsatz von Cookies</h3><p>Als 'Cookies“ werden kleine Dateien bezeichnet, die auf Geräten der Nutzer gespeichert werden. Mittels Cookies können unterschiedliche Angaben gespeichert werden. Zu den Angaben können z.B. die Spracheinstellungen auf einer Webseite, der Loginstatus, ein Warenkorb oder die Stelle, an der ein Video geschaut wurde, gehören.</p>
<p>Cookies werden im Regelfall auch dann eingesetzt, wenn die Interessen eines Nutzers oder sein Verhalten (z.B. Betrachten bestimmter Inhalte, Nutzen von Funktionen etc.) auf einzelnen Webseiten in einem Nutzerprofil gespeichert werden. Solche Profile dienen dazu, den Nutzern z.B. Inhalte anzuzeigen, die ihren potentiellen Interessen entsprechen. Dieses Verfahren wird auch als 'Tracking', d.h., Nachverfolgung der potentiellen Interessen der Nutzer bezeichnet. Zu dem Begriff der Cookies zählen wir ferner andere Technologien, die die gleichen Funktionen wie Cookies erfüllen (z.B., wenn Angaben der Nutzer anhand pseudonymer Onlinekennzeichnungen gespeichert werden, auch als 'Nutzer-IDs' bezeichnet).</p>
<p>Soweit wir Cookies oder 'Tracking'-Technologien einsetzen, informieren wir Sie gesondert in unserer Datenschutzerklärung </p>
<p><strong>Hinweise zu Rechtsgrundlagen: </strong> Auf welcher Rechtsgrundlage wir Ihre personenbezogenen Daten mit Hilfe von Cookies verarbeiten, hängt davon ab, ob wir Sie um eine Einwilligung bitten. Falls dies zutrifft und Sie in die Nutzung von Cookies einwilligen, ist die Rechtsgrundlage der Verarbeitung Ihrer Daten die erklärte Einwilligung. Andernfalls werden die mithilfe von Cookies verarbeiteten Daten auf Grundlage unserer berechtigten Interessen (z.B. an einem betriebswirtschaftlichen Betrieb unseres Onlineangebotes und dessen Verbesserung) verarbeitet oder, wenn der Einsatz von Cookies erforderlich ist, um unsere vertraglichen Verpflichtungen zu erfüllen.</p>
<p><strong>Allgemeine Hinweise zum Widerruf und Widerspruch (Opt-Out): </strong> Unabhängig davon, ob die Verarbeitung auf Grundlage einer Einwilligung oder gesetzlichen Erlaubnis erfolgt, haben Sie jederzeit die Möglichkeit, eine erteilte Einwilligung zu widerrufen oder der Verarbeitung Ihrer Daten durch Cookie-Technologien zu widersprechen (zusammenfassend als 'Opt-Out' bezeichnet).</p>
<p>Sie können Ihren Widerspruch zunächst mittels der Einstellungen Ihres Browsers erklären, z.B., indem Sie die Nutzung von Cookies deaktivieren (wobei hierdurch auch die Funktionsfähigkeit unseres Onlineangebotes eingeschränkt werden kann).</p>
<p>Ein Widerspruch gegen den Einsatz von Cookies zu Zwecken des Onlinemarketings kann auch mittels einer Vielzahl von Diensten, vor allem im Fall des Trackings, über die US-amerikanische Seite <a rel='nofollow' href='http://aboutads.info/choices/' target='_blank'>aboutads.info/choices</a> oder die EU-Seite <a rel='nofollow' href='http://youronlinechoices.com/' target='_blank'>youronlinechoices.com</a> oder generell auf <a rel='nofollow' href='http://optout.aboutads.info' target='_blank'>optout.aboutads.info</a> erklärt werden.</p>
<p><strong>Verarbeitung von Cookie-Daten auf Grundlage einer Einwilligung</strong>: Bevor wir Daten im Rahmen der Nutzung von Cookies verarbeiten oder verarbeiten lassen, bitten wir die Nutzer um eine jederzeit widerrufbare Einwilligung. Bevor die Einwilligung nicht ausgesprochen wurde, werden allenfalls Cookies eingesetzt, die für den Betrieb unseres Onlineangebotes erforderlich sind. Deren Einsatz erfolgt auf der Grundlage unseres Interesses und des Interesses der Nutzer an der erwarteten Funktionsfähigkeit unseres Onlineangebotes.</p>
<ul>
<li><p><strong>Verarbeitete Datenarten:</strong> Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</p></li>
<li><p><strong>Betroffene Personen:</strong> Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).</p></li>
<li><p><strong>Rechtsgrundlagen:</strong> Einwilligung (Art. 6 Abs. 1 S. 1 lit. a DSGVO), Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO).</p></li>
</ul>
<h3 id='m104'>Blogs und Publikationsmedien</h3><p>Wir nutzen Blogs oder vergleichbare Mittel der Onlinekommunikation und Publikation (nachfolgend 'Publikationsmedium'). Die Daten der Leser werden für die Zwecke des Publikationsmediums nur insoweit verarbeitet, als es für dessen Darstellung und die Kommunikation zwischen Autoren und Lesern oder aus Gründen der Sicherheit erforderlich ist. Im Übrigen verweisen wir auf die Informationen zur Verarbeitung der Besucher unseres Publikationsmediums im Rahmen dieser Datenschutzhinweise.</p>
<p><strong>Kommentare und Beiträge</strong>: Wenn Nutzer Kommentare oder sonstige Beiträge hinterlassen, können ihre IP-Adressen auf Grundlage unserer berechtigten Interessen gespeichert werden. Das erfolgt zu unserer Sicherheit, falls jemand in Kommentaren und Beiträgen widerrechtliche Inhalte hinterlässt (Beleidigungen, verbotene politische Propaganda etc.). In diesem Fall können wir selbst für den Kommentar oder Beitrag belangt werden und sind daher an der Identität des Verfassers interessiert.</p>
<p>Des Weiteren behalten wir uns vor, auf Grundlage unserer berechtigten Interessen die Angaben der Nutzer zwecks Spamerkennung zu verarbeiten.</p>
<p>Auf derselben Rechtsgrundlage behalten wir uns vor, im Fall von Umfragen die IP-Adressen der Nutzer für deren Dauer zu speichern und Cookies zu verwenden, um Mehrfachabstimmungen zu vermeiden.</p>
<p>Die im Rahmen der Kommentare und Beiträge mitgeteilten Informationen zur Person, etwaige Kontakt- sowie Webseiteninformationen als auch die inhaltlichen Angaben werden von uns bis zum Widerspruch der Nutzer dauerhaft gespeichert.</p>
<ul>
<li><p><strong>Verarbeitete Datenarten:</strong> Bestandsdaten (z.B. Namen, Adressen), Kontaktdaten (z.B. E-Mail, Telefonnummern), Inhaltsdaten (z.B. Texteingaben, Fotografien, Videos), Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</p></li>
<li><p><strong>Betroffene Personen:</strong> Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).</p></li>
<li><p><strong>Zwecke der Verarbeitung:</strong> Vertragliche Leistungen und Service, Feedback (z.B. Sammeln von Feedback via Online-Formular), Sicherheitsmaßnahmen, Verwaltung und Beantwortung von Anfragen.</p></li>
<li><p><strong>Rechtsgrundlagen:</strong> Vertragserfüllung und vorvertragliche Anfragen (Art. 6 Abs. 1 S. 1 lit. b. DSGVO), Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO), Einwilligung (Art. 6 Abs. 1 S. 1 lit. a DSGVO), Schutz lebenswichtiger Interessen (Art. 6 Abs. 1 S. 1 lit. d. DSGVO).</p></li>
</ul>
<h3 id='m182'>Kontaktaufnahme</h3><p>Bei der Kontaktaufnahme mit uns (z.B. per Kontaktformular, E-Mail, Telefon oder via soziale Medien) werden die Angaben der anfragenden Personen verarbeitet, soweit dies zur Beantwortung der Kontaktanfragen und etwaiger angefragter Maßnahmen erforderlich ist.</p>
<p>Die Beantwortung der Kontaktanfragen im Rahmen von vertraglichen oder vorvertraglichen Beziehungen erfolgt zur Erfüllung unserer vertraglichen Pflichten oder zur Beantwortung von (vor)vertraglichen Anfragen und im Übrigen auf Grundlage der berechtigten Interessen an der Beantwortung der Anfragen.</p>
<ul>
<li><p><strong>Verarbeitete Datenarten:</strong> Bestandsdaten (z.B. Namen, Adressen), Kontaktdaten (z.B. E-Mail, Telefonnummern), Inhaltsdaten (z.B. Texteingaben, Fotografien, Videos).</p></li>
<li><p><strong>Betroffene Personen:</strong> Kommunikationspartner.</p></li>
<li><p><strong>Zwecke der Verarbeitung:</strong> Kontaktanfragen und Kommunikation.</p></li>
<li><p><strong>Rechtsgrundlagen:</strong> Vertragserfüllung und vorvertragliche Anfragen (Art. 6 Abs. 1 S. 1 lit. b. DSGVO), Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO).</p></li>
</ul>
<h3 id='m225'>Bereitstellung des Onlineangebotes und Webhosting</h3><p>Um unser Onlineangebot sicher und effizient bereitstellen zu können, nehmen wir die Leistungen von einem oder mehreren Webhosting-Anbietern in Anspruch, von deren Servern (bzw. von ihnen verwalteten Servern) das Onlineangebot abgerufen werden kann. Zu diesen Zwecken können wir Infrastruktur- und Plattformdienstleistungen, Rechenkapazität, Speicherplatz und Datenbankdienste sowie Sicherheitsleistungen und technische Wartungsleistungen in Anspruch nehmen.</p>
<p>Zu den im Rahmen der Bereitstellung des Hostingangebotes verarbeiteten Daten können alle die Nutzer unseres Onlineangebotes betreffenden Angaben gehören, die im Rahmen der Nutzung und der Kommunikation anfallen. Hierzu gehören regelmäßig die IP-Adresse, die notwendig ist, um die Inhalte von Onlineangeboten an Browser ausliefern zu können, und alle innerhalb unseres Onlineangebotes oder von Webseiten getätigten Eingaben.</p>
<p><strong>E-Mail-Versand und -Hosting</strong>: Die von uns in Anspruch genommenen Webhosting-Leistungen umfassen ebenfalls den Versand, den Empfang sowie die Speicherung von E-Mails. Zu diesen Zwecken werden die Adressen der Empfänger sowie Absender als auch weitere Informationen betreffend den E-Mailversand (z.B. die beteiligten Provider) sowie die Inhalte der jeweiligen E-Mails verarbeitet. Die vorgenannten Daten können ferner zu Zwecken der Erkennung von SPAM verarbeitet werden. Wir bitten darum, zu beachten, dass E-Mails im Internet grundsätzlich nicht verschlüsselt versendet werden. Im Regelfall werden E-Mails zwar auf dem Transportweg verschlüsselt, aber (sofern kein sogenanntes Ende-zu-Ende-Verschlüsselungsverfahren eingesetzt wird) nicht auf den Servern, von denen sie abgesendet und empfangen werden. Wir können daher für den Übertragungsweg der E-Mails zwischen dem Absender und dem Empfang auf unserem Server keine Verantwortung übernehmen.</p>
<p><strong>Erhebung von Zugriffsdaten und Logfiles</strong>: Wir selbst (bzw. unser Webhostinganbieter) erheben Daten zu jedem Zugriff auf den Server (sogenannte Serverlogfiles). Zu den Serverlogfiles können die Adresse und Name der abgerufenen Webseiten und Dateien, Datum und Uhrzeit des Abrufs, übertragene Datenmengen, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite) und im Regelfall IP-Adressen und der anfragende Provider gehören.</p>
<p>Die Serverlogfiles können zum einen zu Zwecken der Sicherheit eingesetzt werden, z.B., um eine Überlastung der Server zu vermeiden (insbesondere im Fall von missbräuchlichen Angriffen, sogenannten DDoS-Attacken) und zum anderen, um die Auslastung der Server und ihre Stabilität sicherzustellen.</p>
<ul>
<li><p><strong>Verarbeitete Datenarten:</strong> Inhaltsdaten (z.B. Texteingaben, Fotografien, Videos), Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</p></li>
<li><p><strong>Betroffene Personen:</strong> Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).</p></li>
<li><p><strong>Rechtsgrundlagen:</strong> Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO).</p></li>
</ul>
<h3 id='m136'>Präsenzen in sozialen Netzwerken</h3><p>Wir unterhalten Onlinepräsenzen innerhalb sozialer Netzwerke, um mit den dort aktiven Nutzern zu kommunizieren oder um dort Informationen über uns anzubieten.</p>
<p>Wir weisen darauf hin, dass dabei Daten der Nutzer außerhalb des Raumes der Europäischen Union verarbeitet werden können. Hierdurch können sich für die Nutzer Risiken ergeben, weil so z.B. die Durchsetzung der Rechte der Nutzer erschwert werden könnte. Im Hinblick auf US-Anbieter, die unter dem Privacy-Shield zertifiziert sind oder vergleichbare Garantien eines sicheren Datenschutzniveaus bieten, weisen wir darauf hin, dass sie sich damit verpflichten, die Datenschutzstandards der EU einzuhalten.</p>
<p>Ferner werden die Daten der Nutzer innerhalb sozialer Netzwerke im Regelfall für Marktforschungs- und Werbezwecke verarbeitet. So können z.B. anhand des Nutzungsverhaltens und sich daraus ergebender Interessen der Nutzer Nutzungsprofile erstellt werden. Die Nutzungsprofile können wiederum verwendet werden, um z.B. Werbeanzeigen innerhalb und außerhalb der Netzwerke zu schalten, die mutmaßlich den Interessen der Nutzer entsprechen. Zu diesen Zwecken werden im Regelfall Cookies auf den Rechnern der Nutzer gespeichert, in denen das Nutzungsverhalten und die Interessen der Nutzer gespeichert werden. Ferner können in den Nutzungsprofilen auch Daten unabhängig der von den Nutzern verwendeten Geräte gespeichert werden (insbesondere, wenn die Nutzer Mitglieder der jeweiligen Plattformen sind und bei diesen eingeloggt sind).</p>
<p>Für eine detaillierte Darstellung der jeweiligen Verarbeitungsformen und der Widerspruchsmöglichkeiten (Opt-Out) verweisen wir auf die Datenschutzerklärungen und Angaben der Betreiber der jeweiligen Netzwerke.</p>
<p>Auch im Fall von Auskunftsanfragen und der Geltendmachung von Betroffenenrechten weisen wir darauf hin, dass diese am effektivsten bei den Anbietern geltend gemacht werden können. Nur die Anbieter haben jeweils Zugriff auf die Daten der Nutzer und können direkt entsprechende Maßnahmen ergreifen und Auskünfte geben. Sollten Sie dennoch Hilfe benötigen, dann können Sie sich an uns wenden.</p>
<ul>
<li><p><strong>Verarbeitete Datenarten:</strong> Bestandsdaten (z.B. Namen, Adressen), Kontaktdaten (z.B. E-Mail, Telefonnummern), Inhaltsdaten (z.B. Texteingaben, Fotografien, Videos), Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</p></li>
<li><p><strong>Betroffene Personen:</strong> Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).</p></li>
<li><p><strong>Zwecke der Verarbeitung:</strong> Kontaktanfragen und Kommunikation, Tracking (z.B. interessens-/verhaltensbezogenes Profiling, Nutzung von Cookies), Remarketing, Reichweitenmessung (z.B. Zugriffsstatistiken, Erkennung wiederkehrender Besucher).</p></li>
<li><p><strong>Rechtsgrundlagen:</strong> Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO).</p></li>
</ul><p><strong>Eingesetzte Dienste und Diensteanbieter:</strong></p>
<ul>
<li><p><strong>Instagram :</strong> Soziales Netzwerk; Dienstanbieter: Instagram Inc., 1601 Willow Road, Menlo Park, CA, 94025, USA; Website: <a rel='nofollow' href='https://instagram.com' target='_blank'>instagram.com</a>; Datenschutzerklärung: <a rel='nofollow' href='http://instagram.com/about/legal/privacy' target='_blank'>instagram.com/about/legal/privacy</a>.</p></li>
<li><p><strong>Facebook:</strong> Soziales Netzwerk; Dienstanbieter: Facebook Ireland Ltd., 4 Grand Canal Square, Grand Canal Harbour, Dublin 2, Irland, Mutterunternehmen: Facebook, 1 Hacker Way, Menlo Park, CA 94025, USA; Website: <a rel='nofollow' href='https://facebook.com' target='_blank'>facebook.com</a>; Datenschutzerklärung: <a rel='nofollow' href='https://facebook.com/about/privacy' target='_blank'>facebook.com/about/privacy</a>; Privacy Shield (Gewährleistung Datenschutzniveau bei Verarbeitung von Daten in den USA): <a rel='nofollow' href='https://privacyshield.gov/participant?id=a2zt0000000GnywAAC&status=Active' target='_blank'>privacyshield.gov/participant?id=a2zt0000000GnywAAC&status=Active</a>; Widerspruchsmöglichkeit (Opt-Out): Einstellungen für Werbeanzeigen: <a rel='nofollow' href='https://facebook.com/settings?tab=ads' target='_blank'>facebook.com/settings?tab=ads</a>; Zusätzliche Hinweise zum Datenschutz: Vereinbarung über gemeinsame Verarbeitung personenbezogener Daten auf Facebook-Seiten: <a rel='nofollow' href='https://facebook.com/legal/terms/page_controller_addendum' target='_blank'>facebook.com/legal/terms/page_controller_addendum</a>, Datenschutzhinweise für Facebook-Seiten: <a rel='nofollow' href='https://facebook.com/legal/terms/information_about_page_insights_data' target='_blank'>facebook.com/legal/terms/information_about_page_insights_data</a>.</p></li>
<li><p><strong>LinkedIn:</strong> Soziales Netzwerk; Dienstanbieter: LinkedIn Ireland Unlimited Company, Wilton Place, Dublin 2, Irland; Website: <a rel='nofollow' href='https://linkedin.com' target='_blank'>linkedin.com</a>; Datenschutzerklärung: <a rel='nofollow' href='https://linkedin.com/legal/privacy-policy' target='_blank'>linkedin.com/legal/privacy-policy</a>; Privacy Shield (Gewährleistung Datenschutzniveau bei Verarbeitung von Daten in den USA): <a rel='nofollow' href='https://privacyshield.gov/participant?id=a2zt0000000L0UZAA0&status=Active' target='_blank'>privacyshield.gov/participant?id=a2zt0000000L0UZAA0&status=Active</a>; Widerspruchsmöglichkeit (Opt-Out): <a rel='nofollow' href='https://linkedin.com/psettings/guest-controls/retargeting-opt-out' target='_blank'>linkedin.com/psettings/guest-controls/retargeting-opt-out</a>.</p></li>
<li><p><strong>Twitter:</strong> Soziales Netzwerk; Dienstanbieter: Twitter Inc., 1355 Market Street, Suite 900, San Francisco, CA 94103, USA; Datenschutzerklärung: <a rel='nofollow' href='https://twitter.com/de/privacy' target='_blank'>twitter.com/de/privacy</a>, (Einstellungen) <a rel='nofollow' href='https://twitter.com/personalization' target='_blank'>twitter.com/personalization</a>; Privacy Shield (Gewährleistung Datenschutzniveau bei Verarbeitung von Daten in den USA): <a rel='nofollow' href='https://privacyshield.gov/participant?id=a2zt0000000TORzAAO&status=Active' target='_blank'>privacyshield.gov/participant?id=a2zt0000000TORzAAO&status=Active</a>.</p></li>
<li><p><strong>YouTube:</strong> Soziales Netzwerk; Dienstanbieter: Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland, Mutterunternehmen: Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA; Datenschutzerklärung: <a rel='nofollow' href='https://policies.google.com/privacy' target='_blank'>policies.google.com/privacy</a>; Privacy Shield (Gewährleistung Datenschutzniveau bei Verarbeitung von Daten in den USA): <a rel='nofollow' href='https://privacyshield.gov/participant?id=a2zt000000001L5AAI&status=Active' target='_blank'>privacyshield.gov/participant?id=a2zt000000001L5AAI&status=Active</a>; Widerspruchsmöglichkeit (Opt-Out): <a rel='nofollow' href='https://adssettings.google.com/authenticated' target='_blank'>adssettings.google.com/authenticated</a>.</p></li>
<li><p><strong>Xing:</strong> Soziales Netzwerk; Dienstanbieter: XING AG, Dammtorstraße 29-32, 20354 Hamburg, Deutschland; Website: <a rel='nofollow' href='https://xing.de' target='_blank'>xing.de</a>; Datenschutzerklärung: <a rel='nofollow' href='https://privacy.xing.com/de/datenschutzerklaerung' target='_blank'>privacy.xing.com/de/datenschutzerklaerung</a>.</p></li>
</ul>
<h3 id='m328'>Plugins und eingebettete Funktionen sowie Inhalte</h3><p>Wir binden in unser Onlineangebot Funktions- und Inhaltselemente ein, die von den Servern ihrer jeweiligen Anbieter (nachfolgend bezeichnet als “Drittanbieter”) bezogen werden. Dabei kann es sich zum Beispiel um Grafiken, Videos oder Social-Media-Schaltflächen sowie Beiträge handeln (nachfolgend einheitlich bezeichnet als “Inhalte”).</p>
<p>Die Einbindung setzt immer voraus, dass die Drittanbieter dieser Inhalte die IP-Adresse der Nutzer verarbeiten, da sie ohne die IP-Adresse die Inhalte nicht an deren Browser senden könnten. Die IP-Adresse ist damit für die Darstellung dieser Inhalte oder Funktionen erforderlich. Wir bemühen uns, nur solche Inhalte zu verwenden, deren jeweilige Anbieter die IP-Adresse lediglich zur Auslieferung der Inhalte verwenden. Drittanbieter können ferner sogenannte Pixel-Tags (unsichtbare Grafiken, auch als 'Web Beacons' bezeichnet) für statistische oder Marketingzwecke verwenden. Durch die 'Pixel-Tags' können Informationen, wie der Besucherverkehr auf den Seiten dieser Webseite, ausgewertet werden. Die pseudonymen Informationen können ferner in Cookies auf dem Gerät der Nutzer gespeichert werden und unter anderem technische Informationen zum Browser und zum Betriebssystem, zu verweisenden Webseiten, zur Besuchszeit sowie weitere Angaben zur Nutzung unseres Onlineangebotes enthalten als auch mit solchen Informationen aus anderen Quellen verbunden werden.</p>
<p><strong>Hinweise zu Rechtsgrundlagen:</strong> Sofern wir die Nutzer um deren Einwilligung in den Einsatz der Drittanbieter bitten, ist die Rechtsgrundlage der Verarbeitung von Daten die Einwilligung. Ansonsten werden die Daten der Nutzer auf Grundlage unserer berechtigten Interessen (d.h. Interesse an effizienten, wirtschaftlichen und empfängerfreundlichen Leistungen) verarbeitet. In diesem Zusammenhang möchten wir Sie auch auf die Informationen zur Verwendung von Cookies in dieser Datenschutzerklärung hinweisen.</p>
<ul>
<li><p><strong>Verarbeitete Datenarten:</strong> Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</p></li>
<li><p><strong>Betroffene Personen:</strong> Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).</p></li>
<li><p><strong>Zwecke der Verarbeitung:</strong> Bereitstellung unseres Onlineangebotes und Nutzerfreundlichkeit.</p></li>
</ul>
<h3 id='m12'>Löschung von Daten</h3><p>Die von uns verarbeiteten Daten werden nach Maßgabe der gesetzlichen Vorgaben gelöscht, sobald deren zur Verarbeitung erlaubten Einwilligungen widerrufen werden oder sonstige Erlaubnisse entfallen (z.B., wenn der Zweck der Verarbeitung dieser Daten entfallen ist oder sie für den Zweck nicht erforderlich sind).</p>
<p>Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, wird deren Verarbeitung auf diese Zwecke beschränkt. D.h., die Daten werden gesperrt und nicht für andere Zwecke verarbeitet. Das gilt z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden müssen oder deren Speicherung zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person erforderlich ist.</p>
<p>Weitere Hinweise zu der Löschung von personenbezogenen Daten können ferner im Rahmen der einzelnen Datenschutzhinweise dieser Datenschutzerklärung erfolgen.</p>
<h3 id='m15'>Änderung und Aktualisierung der Datenschutzerklärung</h3><p>Wir bitten Sie, sich regelmäßig über den Inhalt unserer Datenschutzerklärung zu informieren. Wir passen die Datenschutzerklärung an, sobald die Änderungen der von uns durchgeführten Datenverarbeitungen dies erforderlich machen. Wir informieren Sie, sobald durch die Änderungen eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung) oder eine sonstige individuelle Benachrichtigung erforderlich wird.</p>
<h3 id='m10'>Rechte der betroffenen Personen</h3><p>Ihnen stehen als Betroffene nach der DSGVO verschiedene Rechte zu, die sich insbesondere aus Art. 15 bis 18 und 21 DS-GVO ergeben:</p>
<ul>
<li><strong>Widerspruchsrecht: Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten, die aufgrund von Art. 6 Abs. 1 lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling. Werden die Sie betreffenden personenbezogenen Daten verarbeitet, um Direktwerbung zu betreiben, haben Sie das Recht, jederzeit Widerspruch gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen; dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht.</strong></li>
<li><strong>Widerrufsrecht bei Einwilligungen:</strong> Sie haben das Recht, erteilte Einwilligungen jederzeit zu widerrufen.</li>
<li><strong>Auskunftsrecht:</strong> Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende Daten verarbeitet werden und auf Auskunft über diese Daten sowie auf weitere Informationen und Kopie der Daten entsprechend den gesetzlichen Vorgaben.</li>
<li><strong>Recht auf Berichtigung:</strong> Sie haben entsprechend den gesetzlichen Vorgaben das Recht, die Vervollständigung der Sie betreffenden Daten oder die Berichtigung der Sie betreffenden unrichtigen Daten zu verlangen.</li>
<li><strong>Recht auf Löschung und Einschränkung der Verarbeitung:</strong> Sie haben nach Maßgabe der gesetzlichen Vorgaben das Recht, zu verlangen, dass Sie betreffende Daten unverzüglich gelöscht werden, bzw. alternativ nach Maßgabe der gesetzlichen Vorgaben eine Einschränkung der Verarbeitung der Daten zu verlangen.</li>
<li><strong>Recht auf Datenübertragbarkeit:</strong> Sie haben das Recht, Sie betreffende Daten, die Sie uns bereitgestellt haben, nach Maßgabe der gesetzlichen Vorgaben in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten oder deren Übermittlung an einen anderen Verantwortlichen zu fordern.</li>
<li><strong>Beschwerde bei Aufsichtsbehörde:</strong> Sie haben ferner nach Maßgabe der gesetzlichen Vorgaben das Recht, bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat Ihres gewöhnlichen Aufenthaltsorts, Ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes, wenn Sie der Ansicht sind, dass die Verarbeitung der Sie betreffenden personenbezogenen Daten gegen die DSGVO verstößt.</li>
</ul>
<h3 id='m42'>Begriffsdefinitionen</h3><p>In diesem Abschnitt erhalten Sie eine Übersicht über die in dieser Datenschutzerklärung verwendeten Begrifflichkeiten. Viele der Begriffe sind dem Gesetz entnommen und vor allem im Art. 4 DSGVO definiert. Die gesetzlichen Definitionen sind verbindlich. Die nachfolgenden Erläuterungen sollen dagegen vor allem dem Verständnis dienen. Die Begriffe sind alphabetisch sortiert.</p>
<ul class='glossary'>
<li><strong>Personenbezogene Daten:</strong>'Personenbezogene Daten' sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person (im Folgenden 'betroffene Person“) beziehen; als identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Online-Kennung (z.B. Cookie) oder zu einem oder mehreren besonderen Merkmalen identifiziert werden kann, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder sozialen Identität dieser natürlichen Person sind.</li>
<li><strong>Reichweitenmessung:</strong> Die Reichweitenmessung (auch als Web Analytics bezeichnet) dient der Auswertung der Besucherströme eines Onlineangebotes und kann das Verhalten oder Interessen der Besucher an bestimmten Informationen, wie z.B. Inhalten von Webseiten, umfassen. Mit Hilfe der Reichweitenanalyse können Webseiteninhaber z.B. erkennen, zu welcher Zeit Besucher ihre Webseite besuchen und für welche Inhalte sie sich interessieren. Dadurch können sie z.B. die Inhalte der Webseite besser an die Bedürfnisse ihrer Besucher anpassen. Zu Zwecken der Reichweitenanalyse werden häufig pseudonyme Cookies und Web-Beacons eingesetzt, um wiederkehrende Besucher zu erkennen und so genauere Analysen zur Nutzung eines Onlineangebotes zu erhalten.</li>
<li><strong>Remarketing:</strong> Vom 'Remarketing“ bzw. 'Retargeting“ spricht man, wenn z.B. zu Werbezwecken vermerkt wird, für welche Produkte sich ein Nutzer auf einer Webseite interessiert hat, um den Nutzer auf anderen Webseiten an diese Produkte, z.B. in Werbeanzeigen, zu erinnern.</li>
<li><strong>Tracking:</strong> Vom 'Tracking“ spricht man, wenn das Verhalten von Nutzern über mehrere Onlineangebote hinweg nachvollzogen werden kann. Im Regelfall werden im Hinblick auf die genutzten Onlineangebote Verhaltens- und Interessensinformationen in Cookies oder auf Servern der Anbieter der Trackingtechnologien gespeichert (sogenanntes Profiling). Diese Informationen können anschließend z.B. eingesetzt werden, um den Nutzern Werbeanzeigen anzuzeigen, die voraussichtlich deren Interessen entsprechen.</li>
<li><strong>Verantwortlicher:</strong> Als 'Verantwortlicher“ wird die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet, bezeichnet.</li>
<li><strong>Verarbeitung:</strong> 'Verarbeitung' ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführte Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff reicht weit und umfasst praktisch jeden Umgang mit Daten, sei es das Erheben, das Auswerten, das Speichern, das Übermitteln oder das Löschen.</li>
</ul></p>
<p class='seal'><a rel='nofollow' href='https://datenschutz-generator.de/?l=de' title='Rechtstext von Dr. Schwenke - für weitere Informationen bitte anklicken.' target='_blank'>Erstellt mit Datenschutz-Generator.de von Dr. jur. Thomas Schwenke</a></p>
</details>
</section>
<h2>content</h2>
<section>
<p>Unless noted otherwise,</p>
<ul>
<li>texts, pictures, and audio/visual media are distributed under
<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC BY-NC 4.0</a>
</li>
<li>code snippets are distributed under
<a href="https://spdx.org/licenses/0BSD.html" target="_blank">0BSD</a>
</li>
</ul>
<p>(regular use within fediverse and blogosphere already complies with those by default)
</p>
<p>you can contact me for other uses (i.e. commercial distribution)
</p>
</section>
<h2>fediverse</h2>
<ul class="col-2 tablet-col-1">
<li>server runs on <a href="https://gotosocial.org" target="_blank">GoToSocial</a></li>
<li>also applied my <a href="https://source.garden/styles/gts-pale-rainbow/" target="_blank">custom theme</a></li>
<li>federating with <span class="count">2652+</span> instances</li>
<li>list of <a href="/about/suspended" target="_blank">suspended domians</a></a>
<li>posts can contain up to 5000 characters and 50 media attachments</li>
<li>polls can have up to 50 options, with 1000 characters each</li>
</ul>
<h2>socials</h2>
<ul class="col-2">
<li><a target="_blank" rel="me" href="https://bsky.app/profile/designcoder.bsky.social">bluesky</a></li>
<li><a target="_blank" rel="me" href="https://twitter.com/dym_sh">twitter</a></li>
<li><a target="_blank" rel="me" href="https://lemmy.world/u/dym_sh">lemmy</a></li>
<li><a target="_blank" rel="me" href="https://dym-sh.tumblr.com">tumblr</a></li>
<li><a target="_blank" rel="me" href="https://figma.com/@dym_sh">figma</a></li>
<li><a target="_blank" rel="me" href="https://layers.to/dym_sh">layers</a></li>
<li><a target="_blank" rel="me" href="https://github.com/dym-sh">github</a></li>
<li><a target="_blank" rel="me" href="https://codepen.io/dym-sh">codepen</a></li>
<li><a target="_blank" rel="me" href="https://userstyles.world/user/dym-sh">userstyles</a></li>
<li><a target="_blank" rel="me" href="https://indieweb.org/User:Dym.sh">indieweb</a></li>
<li><a target="_blank" rel="me" href="https://twitch.tv/DesignCoder">twitch</a></li>
<li><a target="_blank" rel="me" href="https://youtube.com/@dym_sh">youtube</a></li>
<li><a target="_blank" rel="me" href="https://linkedin.com/in/dym-sohin">linkedin</a></li>
<li><a target="_blank" rel="me" href="https://read.cv/dym_sh">read.cv</a></li>
</ul>
<h2>(self-imposed) terms of service</h2>
<ul>
<li>no hate</li>
<li>no drama</li>
<li>no bullshit</li>
</ul>
</main>

View File

@ -0,0 +1,58 @@
<main class="col" style="gap:4rem">
<div class="gallery">
<a href="https://dym.sh/immo/" class="th">
<figure>
<img src="_code%20of%20@dym_files/th_004.jpg" width="200" alt="">
<figcaption>immo</figcaption>
</figure>
</a>
<a href="https://expowand.de/" class="th">
<figure>
<img src="_code%20of%20@dym_files/th.jpg" width="200" alt="">
<figcaption>expowand</figcaption>
</figure>
</a>
<a href="https://dym.sh/gfs/" class="th">
<figure>
<img src="_code%20of%20@dym_files/th_002.jpg" width="200" alt="">
<figcaption>gfs</figcaption>
</figure>
</a>
<a href="https://dym.sh/alvarez/" class="th">
<figure>
<img src="_code%20of%20@dym_files/th_003.jpg" width="200" alt="">
<figcaption>alvarez</figcaption>
</figure>
</a>
</div>
<div class="about">
<h2>/vis</h2>
<ul>
<li><a href="https://dym.sh/rainbow-star-cluster/">rainbow-star-cluster</a>
</li></ul>
<h2>/styles</h2>
<ul class="col-2">
<li><a href="https://dym.sh/markdown-raw/">markdown-raw</a>
</li></ul>
<h2>/tools</h2>
<ul>
<li><a href="https://dym.sh/gtlds/">gTLD's</a>
</li></ul>
<h2>~/scripts</h2>
<p>even more code at my instance for <a href="https://source.garden/dym/">source control</a>
</p>
</div>
</main>

View File

@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#" class=" cusnua idc0_350"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf8">
<title>/page of @dym</title>
<meta property="og:title" content="/page of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh/code/">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="https://dym.sh/code/@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://github.com/dym-sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/" class="red" title="graphics"><span class="hidden">graphics</span></a>
<a href="/photos/" class="yellow" title="photos"><span class="hidden">photos</span></a>
<a href="/comics/" class="green" title="comics"><span class="hidden">comics</span></a>
<a href="/code/" class="blue" title="code"><span class="hidden">code</span></a>
<a href="/notes/" class="rose" title="notes"><span class="hidden">notes</span></a>
</div>
</nav>
{{ $slot }}
<footer class="c">
<div class="buttons round">
<a href="/about/" class="bg-icon" title="about"><span class="hidden">about</span>
</a>
</div>
</footer>
</body></html>

View File

@ -0,0 +1,3 @@
<x-layout>
index
</x-layout>

File diff suppressed because one or more lines are too long

View File

@ -3,5 +3,14 @@
use Illuminate\Support\Facades\Route; use Illuminate\Support\Facades\Route;
Route::get('/', function () { Route::get('/', function () {
return view('welcome'); return view('index');
});
Route::get('/about', function () {
return view('about');
});
Route::get('/code', function () {
return view('code');
}); });

2
storage/debugbar/.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
*
!.gitignore

11
tailwind.config.js Normal file
View File

@ -0,0 +1,11 @@
module.exports = {
content: [
'./resources/**/*.blade.php',
'./resources/**/*.ts',
'./resources/**/*.vue',
],
theme: {
extend: {},
},
plugins: [],
}

View File

@ -1,11 +0,0 @@
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
],
});

15
vite.config.ts Normal file
View File

@ -0,0 +1,15 @@
import { defineConfig } from 'vite'
import tailwindcss from 'tailwindcss'
import autoprefixer from 'autoprefixer'
import laravel from 'vite-plugin-laravel'
export default defineConfig({
plugins: [
laravel({
postcss: [
tailwindcss(),
autoprefixer(),
],
}),
],
})