init commit

.gitignore

@@ -0,0 +1,93 @@
+
+# Created by https://www.gitignore.io/api/macos,linux,jekyll,windows,visualstudiocode
+# Edit at https://www.gitignore.io/?templates=macos,linux,jekyll,windows,visualstudiocode
+
+### Jekyll ###
+_site/
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# End of https://www.gitignore.io/api/macos,linux,jekyll,windows,visualstudiocode
+
+vscode-wsl-mount-home.txt
+_src

_config.yml

@@ -0,0 +1,5 @@
+# Build settings
+markdown:            kramdown
+highlighter:         rouge
+permalink:           none
+url:                 https://vldb2020.org

_includes/close.html

@@ -0,0 +1,12 @@
+<label class="menu-btn" for="toppage-toggle">
+    <div class="scroll-cnt">
+        <svg xmlns="http://www.w3.org/2000/svg" class="scroll-btn" viewBox="0 0 1000 1200" width="100%" height="100%"
+            preserveAspectRatio="xMidYMid slice">
+            <rect x="0" y="0" width="1000" height="1200" />
+            <polyline points="200 700 500 1100 800 700" />
+            <circle id="dot1" cx="500" cy="400" r="50" />
+            <circle id="dot2" cx="500" cy="640" r="50" />
+            <circle id="dot3" cx="500" cy="880" r="50" />
+        </svg>
+    </div>
+</label>

_includes/footer.html

@@ -0,0 +1,13 @@
+<div class="col-group">
+    <div class="col-6" id="footer-left">
+        46th International Conference on Very Large Data Bases<br>
+        Tokyo, Japan - August 31 September 4, 2020
+    </div>
+    <div class="col-6" id="footer-right">
+<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><i class="fab fa-creative-commons"></i><i class="fab fa-creative-commons-by"></i><i class="fab fa-creative-commons-sa"></i></a>
+        <i class="fab fa-twitter"></i>
+        <i class="fab fa-facebook-f"></i>
+        <i class="fab fa-instagram"></i>
+        <a href="https://github.com/VLDB2020/VLDB2020.github.io/pulls"><i class="fab fa-github"></i></a>
+    </div>
+</div>

_includes/head.html

@@ -0,0 +1,26 @@
+<meta charset="utf-8">
+<meta http-equiv="x-ua-compatible" content="ie=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+<title>{{ page.title }} - VLDB2020 Tokyo</title>
+
+<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
+    crossorigin="anonymous">
+<link rel="stylesheet" href="//use.typekit.net/swd6kdu.css">
+<link rel="stylesheet/less" type="text/css" href="assets/vldb2020.less" />
+<!-- link rel="stylesheet/less" type="text/css" href="assets/fluidable.less" -->
+<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/animejs@3.0.1/lib/anime.min.js"></script>
+<script src="assets/vldb2020.js" defer></script>
+<!-- link rel="icon" href="images/favicon.png"-->
+<link rel="canonical" href="https://vldb2020.org/">
+
+<meta property="og:title" content="{{ page.title }} - VLDB2020 Tokyo">
+<meta property="og:type" content="website">
+<meta property="og:url" content="{{ site.url }}{{ page:url }}">
+<meta property="og:image" content="{{ site.url }}/assets/media/ogp-photo.jpg">
+<meta property="og:image:type" content="image/jpeg">
+<meta property="og:image:width" content="1600">
+<meta property="og:image:height" content="960" />
+<meta property="og:description" content="VLDB is a premier annual international forum for data management. VLDB 2020 will take place in Tokyo, Japan, from August 30th to September 4th, 2019. ">

_includes/header.html

@@ -0,0 +1,12 @@
+<input type="checkbox" name="social-toggle" id="social-toggle" value="on" style="display:none;">
+<label for="social-toggle">
+    <i class="fas fa-share-alt-square social-share" for="social-toggle"></i>
+</label>
+<a href="#" x-href="https://www.facebook.com/sharer.php?u={url}" class="social-facebook social-icon"><i class="fab fa-facebook-square"></i></a>
+<a href="#" x-href="https://twitter.com/intent/tweet?url={url}&hashtags=#VLDB2020" class="social-twitter social-icon"><i class="fab fa-twitter-square"></i></a>
+<a href="#" x-href="https://www.linkedin.com/shareArticle?mini=true&url={url}" class="social-linkedin social-icon"><i class="fab fa-linkedin"></i></a>
+<a href="#" x-href="https://reddit.com/submit?url={url}" class="social-reddit social-icon"><i class="fab fa-reddit-square"></i></a>
+<a href="#" x-href="https://www.tumblr.com/widgets/share/tool?canonicalUrl={url}" class="social-tumblr social-icon"><i class="fab fa-tumblr-square"></i></a>
+<a href="#" x-href="https://lineit.line.me/share/ui?url={url}" class="social-line social-icon"><i class="fab fa-line"></i></a>
+<a href="#" x-href="https://www.xing.com/spi/shares/new?url={url}" class="social-xing social-icon"><i class="fab fa-xing-square"></i></a>
+<a href="#" x-href="http://pinterest.com/pin/create/link/?url={url}" class="social-pinterest social-icon"><i class="fab fa-pinterest-square"></i></a>

_includes/logo.html

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="toppage-wrap" viewBox="0 0 1080 1080" width="100vw" height="100vh"
+    preserveAspectRatio="xMidYMid slice">
+    <defs>
+        <text id="textVLDB" x="540" y="465">VLDB</text>
+        <text id="text2020" x="540" y="585">2020</text>
+        <text id="textTokyo" x="540" y="705">Tokyo</text>
+        <mask id="mask" x="0" y="0" width="1080" height="1080">
+            <rect x="0" y="0" width="1080" height="1080" />
+            <use xlink: href="#textVLDB"></use>
+            <use xlink: href="#text2020"></use>
+            <use xlink: href="#textTokyo"></use>
+        </mask>
+    </defs>
+    <rect x="0" y="0" width="1080" height="1080" />
+    <use class="textoutline" xlink: href="#textVLDB"></use>
+    <use class="textoutline" xlink: href="#text2020"></use>
+    <use class="textoutline" xlink: href="#textTokyo"></use>
+    <text x="540" y="345" id="textC" class="smalltext">46th International Conference on Very Large Data Bases</text>
+</svg>

_includes/menu.html

@@ -0,0 +1,79 @@
+<input type="checkbox" id="toppage-toggle" style="display:none;">
+<input type="radio" name="submenu-active" class="submenu-active" value="conference" id="submenu-conference" style="display:none;">
+<input type="radio" name="submenu-active" class="submenu-active" value="contributions" id="submenu-contributions"
+    style="display:none;">
+<input type="radio" name="submenu-active" class="submenu-active" value="sponsorship" id="submenu-sponsorship" style="display:none;">
+<input type="radio" name="submenu-active" class="submenu-active" value="information" id="submenu-information" style="display:none;">
+<input type="radio" name="submenu-active" class="submenu-active" value="4authors" id="submenu-4authors" style="display:none;">
+<input type="radio" name="submenu-active" class="submenu-active" value="4participants" id="submenu-4participants"
+    style="display:none;">
+<div id="left-menu-bar" class="container">
+    <div class="col-group">
+        <div class="col-mb-4">
+            <input type="radio" name="category-active" value="conference" class="category-active" id="category-conference"
+                style="display:none;"{% if page.category == "conference" %} checked{% endif %}>
+            <label x-category="conference" class="menu-item submenu-toggle">
+                <a href="./">
+                    <div id="menu-top" class="col-mb-12">
+                        <i class="fas fa-university"></i><span class="hide-phone logo-font">&emsp;VLDB2020</span>
+                    </div>
+                </a>
+            </label>
+            <div class="col-mb-12 menu-line bgcol-conference"></div>
+        </div>
+        <div class="col-mb-4">
+            <input type="radio" name="category-active" value="contributions" class="category-active" id="category-contributions"
+                style="display:none;"{% if page.category == "contributions" %} checked{% endif %}>
+            <label x-category="contributions" class="menu-item submenu-toggle">
+                <div class="col-mb-12 ">
+                    <i class="fas fa-bullhorn"></i><span class="hide-phone">&emsp;Contributions</span>
+                </div>
+            </label>
+            <div class="col-mb-12 menu-line bgcol-contributions"></div>
+        </div>
+        <div class="col-mb-4">
+            <input type="radio" name="category-active" value="sponsorship" class="category-active" id="category-sponsorship"
+                style="display:none;"{% if page.category == "sponsorship" %} checked{% endif %}>
+            <label x-category="sponsorship" class="menu-item submenu-toggle">
+                <div class="col-mb-12">
+                    <i class="fas far fa-handshake"></i><span class="hide-phone">&emsp;Sponsorship</span>
+                </div>
+            </label>
+            <div class="col-mb-12 menu-line bgcol-sponsorship"></div>
+        </div>
+    </div>
+</div>
+<div id="right-menu-bar">
+    <div class="col-group">
+        <div class="col-mb-4">
+            <input type="radio" name="category-active" value="information" class="category-active" id="category-information"
+                style="display:none;"{% if page.category == "information" %} checked{% endif %}>
+            <label x-category="information" class="menu-item submenu-toggle">
+                <div class="col-mb-12">
+                    <i class="fas fa-info"></i><span class="hide-phone">&emsp;Information</span>
+                </div>
+            </label>
+            <div class="col-mb-12 menu-line bgcol-information"></div>
+        </div>
+        <div class="col-mb-4">
+            <input type="radio" name="category-active" value="4authors" class="category-active" id="category-4authors"
+                style="display:none;"{% if page.category == "4authors" %} checked{% endif %}>
+            <label x-category="4authors" class="menu-item submenu-toggle">
+                <div class="col-mb-12">
+                    <i class="fas fa-pen-fancy"></i><span class="hide-phone">&emsp;for Authors</span>
+                </div>
+            </label>
+            <div class="col-mb-12 menu-line bgcol-4authors"></div>
+        </div>
+        <div class="col-mb-4">
+            <input type="radio" name="category-active" value="4participants" class="category-avtive" id="category-4participants"
+                style="display:none;"{% if page.category == "4participants" %} checked{% endif %}>
+            <label x-category="4participants" class="menu-item submenu-toggle">
+                <div class="col-mb-12">
+                    <i class="fas fas fas fa-plane-arrival"></i><span class="hide-phone">&emsp;for Participants</span>
+                </div>
+            </label>
+            <div class="col-mb-12 menu-line bgcol-information"></div>
+        </div>
+    </div>
+</div>

_includes/submenu.html

@@ -0,0 +1,95 @@
+<div id="submenu-panel-contributions" class="left-submenu-panel bgcol-contributions-dark">
+        <div>
+            <div x-category="contributions" class="submenu-close submenu-toggle">
+                <svg xmlns="http://www.w3.org/2000/svg" class="scroll-btn" viewBox="0 0 1000 1200" width="100%" height="100%"
+                    preserveAspectRatio="xMidYMid slice">
+                    <polyline points="200 700 500 1100 800 700" />
+                    <circle id="dot1" cx="500" cy="400" r="50" />
+                    <circle id="dot2" cx="500" cy="640" r="50" />
+                    <circle id="dot3" cx="500" cy="880" r="50" />
+                </svg>
+            </div>
+        </div>
+        <div class="submenu-item link-disable">Research Track</div>
+        <div class="submenu-item link-disable">Industrial Track</div>
+        <div class="submenu-item link-disable">PhD Track</div>
+        <hr>
+        <div class="submenu-item link-disable">Demonstrations</div>
+        <div class="submenu-item link-disable">Tutorials</div>
+        <div class="submenu-item link-disable">Workshops</div>
+    </div>
+    <div id="submenu-panel-sponsorship" class="left-submenu-panel bgcol-sponsorship-dark">
+        <div>
+            <div x-category="sponsorship" class="submenu-close submenu-toggle">
+                <svg xmlns="http://www.w3.org/2000/svg" class="scroll-btn" viewBox="0 0 1000 1200" width="100%" height="100%"
+                    preserveAspectRatio="xMidYMid slice">
+                    <polyline points="200 700 500 1100 800 700" />
+                    <circle id="dot1" cx="500" cy="400" r="50" />
+                    <circle id="dot2" cx="500" cy="640" r="50" />
+                    <circle id="dot3" cx="500" cy="880" r="50" />
+                </svg>
+            </div>
+        </div>
+        <div class="submenu-item link-disable">Sponsorship Benefits</div>
+        <hr>
+        <div class="submenu-item link-disable">Our Sponsors</div>
+    </div>
+    <div id="submenu-panel-information" class="right-submenu-panel bgcol-information-dark">
+        <div>
+            <div x-category="information" class="submenu-close submenu-toggle">
+                <svg xmlns="http://www.w3.org/2000/svg" class="scroll-btn" viewBox="0 0 1000 1200" width="100%" height="100%"
+                    preserveAspectRatio="xMidYMid slice">
+                    <polyline points="200 700 500 1100 800 700" />
+                    <circle id="dot1" cx="500" cy="400" r="50" />
+                    <circle id="dot2" cx="500" cy="640" r="50" />
+                    <circle id="dot3" cx="500" cy="880" r="50" />
+                </svg>
+            </div>
+        </div>
+        <div class="submenu-item link-disable">Conference Overview</div>
+        <a href="officers.html">
+            <div class="submenu-item">Conference Officers</div>
+        </a>
+        <div class="submenu-item link-disable">PVLDB Review Board</div>
+        <div class="submenu-item link-disable">Contact</div>
+    </div>
+    <div id="submenu-panel-4authors" class="right-submenu-panel bgcol-4authors-dark">
+        <div>
+            <div x-category="4authors" class="submenu-close submenu-toggle">
+                <svg xmlns="http://www.w3.org/2000/svg" class="scroll-btn" viewBox="0 0 1000 1200" width="100%" height="100%"
+                    preserveAspectRatio="xMidYMid slice">
+                    <polyline points="200 700 500 1100 800 700" />
+                    <circle id="dot1" cx="500" cy="400" r="50" />
+                    <circle id="dot2" cx="500" cy="640" r="50" />
+                    <circle id="dot3" cx="500" cy="880" r="50" />
+                </svg>
+            </div>
+        </div>
+        <div class="submenu-item link-disable">Inportant Date</div>
+        <hr>
+        <div class="submenu-item link-disable">Formatting Guidelines</div>
+        <div class="submenu-item link-disable">Submission Guidelines</div>
+    </div>
+    <div id="submenu-panel-4participants" class="right-submenu-panel bgcol-4participants-dark">
+        <div>
+            <div x-category="4participants" class="submenu-close submenu-toggle">
+                <svg xmlns="http://www.w3.org/2000/svg" class="scroll-btn" viewBox="0 0 1000 1200" width="100%" height="100%"
+                    preserveAspectRatio="xMidYMid slice">
+                    <polyline points="200 700 500 1100 800 700" />
+                    <circle id="dot1" cx="500" cy="400" r="50" />
+                    <circle id="dot2" cx="500" cy="640" r="50" />
+                    <circle id="dot3" cx="500" cy="880" r="50" />
+                </svg>
+            </div>
+        </div>
+        <div class="submenu-item link-disable">Registration</div>
+        <div class="submenu-item link-disable">Conference Venue</div>
+        <div class="submenu-item link-disable">Lodging</div>
+        <div class="submenu-item link-disable">Travel Fellowship</div>
+        <div class="submenu-item link-disable">Visa Information</div>
+        <div class="submenu-item link-disable">Public Transport</div>
+        <div class="submenu-item link-disable">Local Attractions</div>
+        <div class="submenu-item link-disable">Public Safety</div>
+    </div>
+    <div class="submenu-mask" id="submenu-mask"></div>
+

_includes/video.html

@@ -0,0 +1,4 @@
+<video id="toppage-video" poster="assets/media/toppage-background.jpg" preload="auto" autoplay loop muted>
+    <source src="assets/media/toppage-background.webm" type="video/webm">
+    <source src="assets/media/toppage-background.mp4" type="video/mp4">
+</video>