From b6276d8e21e3b45a4359289e847176fbf5e3931d Mon Sep 17 00:00:00 2001 From: Marco De Nadai Date: Sat, 12 Sep 2020 16:12:10 +0200 Subject: [PATCH 1/3] First refactoring --- index.html | 520 +++++++++++++++++++++++++---------------------------- 1 file changed, 244 insertions(+), 276 deletions(-) diff --git a/index.html b/index.html index 15cd807b..594dc0cd 100644 --- a/index.html +++ b/index.html @@ -1,128 +1,168 @@ - - - + This is my paper title + + + + + @@ -136,170 +176,98 @@ -
-
- Creative and Descriptive Paper Title - -
- - - - - -
-
- First Author -
- 		-
- Second Author -
- 		-
- Third Author -
-
- - - - - -
-
- [Paper] -
- 		-
- [GitHub]
-
-
- -
- -
- - - - -
-
- -
-
- - - - -
- This was a template originally made for Colorful Image Colorization. The code can be found in this repository. -
-
- -
- - -

Abstract

- - - -
- This is my abstract. -
-
- -
-

Talk

-

- -

- - -
- -
- [Slides] - -
- -
-
- -

Code

- - -
-
- - - -
-
- - - - - - -
-
-
- -
-
- - - -
- Short description if wanted -
- -
-
-  [GitHub] -
- -
-
-
- -

Paper and Supplementary Material

- - - - -
F. Author, S. Author, T. Author.
- Creative and Descriptive Paper Title.
- In Conference, 20XX.
- (hosted on ArXiv)
- -
- -
-
- - - - - -
- [Bibtex] -
- -
-
+
+
+
+
+

Creative and Descriptive Paper Title

+
+
+
+
+
+
+
+ [Paper] + [GitHub] +
+
+
+
+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

+
+
+
+
+
+ +
+
+
+
+
+

Talk

+
+
+
+
+
+ [Slides] +
+
+
+
+
+
+

Source code

+

Blablabla

+
+
+ [PyTorch] + [Tensorflow] +
+
+
+
+
+
+

Paper and Supplementary Material

+
+
+ Paper +
+
+ F. Author, S. Author, T. Author.
+ Creative and Descriptive Paper Title.
+ In Conference, 20XX. + +
+ + [ArXiv] + [Camera ready] + +
+
+
+ +
+
+
+

Acknowledgements

+

Blablabla

+
+
- - - - -
- -

Acknowledgements

- This template was originally made by Phillip Isola and Richard Zhang for a colorful ECCV project; the code can be found here. - -
+ -
From c633a951f9b34152ee03e1f6f5f746a221150e46 Mon Sep 17 00:00:00 2001 From: Marco De Nadai Date: Sun, 20 Sep 2020 12:58:19 +0200 Subject: [PATCH 2/3] Bulma + HTML5 refresh --- .DS_Store | Bin 0 -> 6148 bytes index.html | 185 +++++--------------------------------------- resources/style.css | 127 ++++++++++++++++++++++++++++++ 3 files changed, 146 insertions(+), 166 deletions(-) create mode 100644 .DS_Store create mode 100644 resources/style.css diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..e095f746ee3172e7b33d5662e949992c7c94182e GIT binary patch literal 6148 zcmeHKPfx-y6mJ1_i!pLAkz+63H~5cC$a~4_@Ads@(_fc%WsLFGD5x@4WQd8K+(pheK5y1tFx|Tt#sp$1OREgG7zv z>VTT4Q!Gs;wPw96YK^05SxlPEN?Fto8`G(6?H^Q+&$zn46!>6cZ*We7^ z!C0}>M|T+aWqc3OS>>#PkQg8ah=Da_z#Mnh_L{DbmPHH@1HWeg&j$gD=orj2s-puM z{C&iD0TBgkd`ln-gO0&WBSb*BE(O%3+&nS3E(gCbd5*zMqb_G$%?#t1nYnqPa5X#l zg-U1K(MT;ZKnyH0kk{QJ-v6gRzyBADs7DMC18c @@ -11,168 +7,27 @@ - - - + + + + @@ -239,17 +94,15 @@

Paper and Supplementary Material

Paper
- F. Author, S. Author, T. Author.
- Creative and Descriptive Paper Title.
- In Conference, 20XX. - + F. Author, S. Author, T. Author.
+ Creative and Descriptive Paper Title.
+ In Conference, 20XX.
[ArXiv] [Camera ready]
- @@ -260,13 +113,13 @@

Acknowledgements

- + diff --git a/resources/style.css b/resources/style.css new file mode 100644 index 00000000..f1b9dfcd --- /dev/null +++ b/resources/style.css @@ -0,0 +1,127 @@ +body { + font-family: 'Titillium Web', sans-serif; + font-weight:300; + font-size:18px; + } + + .container { + max-width: 960px; + } + + .title.is-1 { + font-weight:700; + + } + + header { + padding: 1.5rem; + } + + header address{ + font-size: 24px; + font-weight: 400; + font-style: normal; + display: inline; + padding: 0 15px; + } + + section { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); + background-size: 100% 1px; + background-position:top; + background-repeat: no-repeat; + } + + #abstract, #figure { + background: none; + } + + #figure{ + padding-top: 0 + } + + video.header-vid { + height: 140px; + border: 1px solid black; + border-radius: 10px ; + -moz-border-radius: 10px ; + -webkit-border-radius: 10px ; + } + + a:link,a:visited + { + color: #1367a7; + text-decoration: none; + } + a:hover { + color: #208799; + } + + .nav a{ + font-size: 24px; + font-weight: 400; + padding: 0 15px; + } + .nav a:first-of-type{ + padding-left:0; + } + + .layered-paper-big { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */ + box-shadow: + 0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */ + 5px 5px 0 0px #fff, /* The second layer */ + 5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */ + 10px 10px 0 0px #fff, /* The third layer */ + 10px 10px 1px 1px rgba(0,0,0,0.35), /* The third layer shadow */ + 15px 15px 0 0px #fff, /* The fourth layer */ + 15px 15px 1px 1px rgba(0,0,0,0.35), /* The fourth layer shadow */ + 20px 20px 0 0px #fff, /* The fifth layer */ + 20px 20px 1px 1px rgba(0,0,0,0.35), /* The fifth layer shadow */ + 25px 25px 0 0px #fff, /* The fifth layer */ + 25px 25px 1px 1px rgba(0,0,0,0.35); /* The fifth layer shadow */ + margin-left: 10px; + margin-right: 45px; + } + + .paper-big { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */ + box-shadow: + 0px 0px 1px 1px rgba(0,0,0,0.35); /* The top layer shadow */ + + margin-left: 10px; + margin-right: 45px; + } + + + .layered-paper { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */ + box-shadow: + 0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */ + 5px 5px 0 0px #fff, /* The second layer */ + 5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */ + 10px 10px 0 0px #fff, /* The third layer */ + 10px 10px 1px 1px rgba(0,0,0,0.35); /* The third layer shadow */ + margin-top: 5px; + margin-left: 10px; + margin-right: 30px; + margin-bottom: 5px; + } + + .footer { + background-color: #fff; + padding: 6rem 1.5rem 2rem; + } + + .video-container { + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; + } + + .video-container iframe, .video-container object, .video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } \ No newline at end of file From 71f7a5777e8aebc7a4dc0f3dc5c614c8b440bb59 Mon Sep 17 00:00:00 2001 From: Marco De Nadai Date: Tue, 20 Oct 2020 22:22:25 +0200 Subject: [PATCH 3/3] Restored original font --- index.html | 1 - resources/style.css | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/index.html b/index.html index e247b0e8..9e3d437d 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,6 @@ - diff --git a/resources/style.css b/resources/style.css index f1b9dfcd..742b09e3 100644 --- a/resources/style.css +++ b/resources/style.css @@ -1,5 +1,5 @@ body { - font-family: 'Titillium Web', sans-serif; + font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:18px; }