Skip to content

Commit

Permalink
new
Browse files Browse the repository at this point in the history
  • Loading branch information
@amgno
amgno committed Dec 9, 2024
1 parent 01e1eb3 commit 9ad3491
Show file tree
Hide file tree
Showing 30 changed files with 252 additions and 130 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
17 changes: 17 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,28 @@
Thumbs.db
desktop.ini

# Jekyll specific
.jekyll-cache/
.jekyll-cache/*
._site/
_site/*
.jekyll-metadata
.sass-cache/
vendor/
.bundle/

# Docker
.docker/
docker-compose.override.yml
*.env
.env.*
!.env.example

# Ruby
*.gem
.ruby-version
.ruby-gemset
Gemfile.lock

# Editor and IDE files
.vscode/
Expand Down
2 changes: 1 addition & 1 deletion ...yll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
I"{"source"=>"/srv/jekyll", "destination"=>"/srv/jekyll/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}, "photos"=>{"output"=>true, "permalink"=>"/:collection/:path/"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>["Gemfile", "Gemfile.lock", "node_modules", "vendor", "README.md", ".sass-cache", ".jekyll-cache", "gemfiles", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-github-metadata", "jekyll-seo-tag"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"0.0.0.0", "baseurl"=>"/photos", "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>"", "type"=>"photos"}, "values"=>{"layout"=>"gallery"}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Photo Portfolio", "url"=>"http://0.0.0.0:4000", "theme"=>"jekyll-theme-primer", "livereload"=>true, "force_polling"=>true, "livereload_port"=>35729, "serving"=>true, "watch"=>true, "description"=>#<Jekyll::GitHubMetadata::Value:0x0000555557692600 @key="description", @value=#<Proc:0x0000555557692628 /usr/gem/gems/jekyll-github-metadata-2.16.1/lib/jekyll-github-metadata/site_github_munger.rb:76>>, "github"=>nil}:ET
I"{"source"=>"/srv/jekyll", "destination"=>"/srv/jekyll/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}, "photos"=>{"output"=>true, "permalink"=>"/:collection/:path/"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>["Gemfile", "Gemfile.lock", "node_modules", "vendor", "README.md", ".sass-cache", ".jekyll-cache", "gemfiles", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-github-metadata", "jekyll-seo-tag"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"0.0.0.0", "baseurl"=>"/photos", "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>"", "type"=>"photos"}, "values"=>{"layout"=>"gallery"}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Photo Portfolio", "url"=>"http://0.0.0.0:4000", "theme"=>"jekyll-theme-primer", "livereload"=>true, "force_polling"=>true, "livereload_port"=>35729, "serving"=>true, "watch"=>true, "description"=>#<Jekyll::GitHubMetadata::Value:0x000055555768add8 @key="description", @value=#<Proc:0x000055555768ae00 /usr/gem/gems/jekyll-github-metadata-2.16.1/lib/jekyll-github-metadata/site_github_munger.rb:76>>, "github"=>nil}:ET
3 changes: 0 additions & 3 deletions .vscode/settings.json
View file

This file was deleted.

89 changes: 39 additions & 50 deletions _site/assets/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ body {

.gallery-view .photo-item {
min-width: 100%;
height: calc(100vh - 120px);
height: 100vh;
flex: 0 0 100%;
display: flex;
align-items: center;
Expand All @@ -86,9 +86,9 @@ body {

.gallery-view .photo-item img {
max-width: 100%;
max-height: calc(100vh - 220px);
max-height: calc(100vh - 160px);
object-fit: contain;
display: block; /* Removes any extra space below image */
display: block;
}

.photo-grid {
Expand Down Expand Up @@ -299,11 +299,11 @@ select:disabled {
}

.gallery-view .photo-item {
padding: 60px 15px 120px 15px;
padding: 60px 15px 100px 15px;
}

.gallery-view .photo-item img {
max-height: calc(100vh - 220px);
max-height: calc(100vh - 200px);
}

.thumbnail-nav {
Expand Down Expand Up @@ -366,36 +366,42 @@ select:disabled {
}
}

/* Thumbnail navigation styles */
/* Simplified thumbnail navigation */
.thumbnail-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 12px;
padding: 20px;
padding: 15px;
z-index: 1002;
overflow-x: auto;
justify-content: center;
max-width: 80vw;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
height: 100px;
opacity: 0;
transition: opacity 0.3s ease;
background: rgba(255, 255, 255, 0.8);
border-radius: 8px;
backdrop-filter: blur(5px);
}

.thumbnail-nav::-webkit-scrollbar {
display: none;
.gallery-view:hover .thumbnail-nav,
.thumbnail-nav:hover {
opacity: 1;
}

.thumbnail {
width: 80px;
height: 60px;
width: 60px;
height: 45px;
cursor: pointer;
position: relative;
flex: 0 0 auto;
transition: transform 0.3s ease;
opacity: 0.5;
transition: opacity 0.3s ease;
border-radius: 4px;
overflow: hidden;
}

.thumbnail img {
Expand All @@ -405,45 +411,28 @@ select:disabled {
}

.thumbnail.active {
transform: translateY(-8px);
opacity: 1;
}

/* Wave effect towards active thumbnail */
.thumbnail.before-active {
transform: translateY(-4px);
opacity: 0.7;
}

.thumbnail.after-active {
transform: translateY(-4px);
opacity: 0.7;
}

/* Second level neighbors */
.thumbnail.before-active ~ .thumbnail.before-active,
.thumbnail.after-active ~ .thumbnail.after-active {
transform: translateY(-2px);
opacity: 0.6;
box-shadow: 0 0 0 2px #000;
}

@media (max-width: 768px) {
.thumbnail {
width: 60px;
height: 45px;
.gallery-view .photo-item {
padding: 60px 15px 100px 15px;
}
}

@media (max-width: 480px) {
.thumbnail {
width: 50px;
height: 38px;
.gallery-view .photo-item img {
max-height: calc(100vh - 200px);
}

.thumbnail-nav {
bottom: 20px;
max-width: 90vw;
padding: 10px;
gap: 8px;
}
}

@media (max-height: 480px) and (orientation: landscape) {
.thumbnail {
width: 45px;
height: 34px;
width: 60px;
height: 45px;
}
}
Loading

0 comments on commit 9ad3491

Please sign in to comment.