diff --git a/assets/css/main.css b/assets/css/main.css index 9c775b9..0ad6022 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -5152,16 +5152,11 @@ input, select, textarea { .spotlight.style2 { padding: 2.5rem 2rem 0.5rem 2rem ; - -moz-align-items: -moz-flex-start; - -webkit-align-items: -webkit-flex-start; - -ms-align-items: -ms-flex-start; - align-items: flex-start; } .spotlight.style2 .image { width: 15.75rem; height: 15.75rem; - margin: 0 2rem 2rem 0; } } diff --git a/assets/js/pubmed.js b/assets/js/pubmed.js index f3d1b1c..63c16a3 100644 --- a/assets/js/pubmed.js +++ b/assets/js/pubmed.js @@ -37,7 +37,7 @@ function updateValue() { // Show loading message log.innerHTML = 'Generating citations, this may take a few seconds...

But please refresh the page if it takes too long'; - searchterm = '&term=Fu, EL [Author]'; + searchterm = '&term=Fu, EL [Author] OR 37397081'; idURL = pubmedSearchAPI + database + returnmode + returnmax + searchterm; console.log(idURL); @@ -71,6 +71,9 @@ function formatReferences(summary) { var i = 0; while (i < authorCount - 1) { var authorName = summary.result[refs].authors[i].name; + if (authorName === 'Fu E') { + authorName = 'Fu EL'; + } if (authorName === 'Fu EL') { authorName = '' + authorName + ''; if (i === 0) { diff --git a/images/in_Rome.jpg b/images/in_Rome.jpg deleted file mode 100644 index 4440f31..0000000 Binary files a/images/in_Rome.jpg and /dev/null differ diff --git a/images/in_Rome.jpg:Zone.Identifier b/images/in_Rome.jpg:Zone.Identifier deleted file mode 100644 index 60f0f97..0000000 --- a/images/in_Rome.jpg:Zone.Identifier +++ /dev/null @@ -1,3 +0,0 @@ -[ZoneTransfer] -LastWriterPackageFamilyName=Microsoft.Windows.Photos_8wekyb3d8bbwe -ZoneId=3 diff --git a/images/in_rome.jpg b/images/in_rome.jpg new file mode 100644 index 0000000..eef1cd1 Binary files /dev/null and b/images/in_rome.jpg differ diff --git a/index-demo.html b/index-demo.html deleted file mode 100644 index 7893ef7..0000000 --- a/index-demo.html +++ /dev/null @@ -1,2819 +0,0 @@ - - - - - Story by HTML5 UP - - - - - - - - -
- - - - - -
-
-

Spotlight

-

This is a Spotlight element, and it's generally used – as its name implies – to spotlight a particular feature, subject, or pretty much whatever. You can customize its appearance with a number of modifiers, as well as assign it an optional onload or onscroll transition modifier (details).

- -
-
- -
-
- - -
-
-

Spotlight

-

This is also a Spotlight element, and it's here because this demo would look a bit empty with just one spotlight. Like all spotlights, you can customize its appearance with a number of modifiers, as well as assign it an optional onload or onscroll transition modifier (details).

- -
-
- -
-
- - -
-
-

Spotlight

-

And yes, this is another Spotlight element, and it's also here because I need to fill a bit of space. Naturally, like any other spotlight, you can customize its appearance with a number of modifiers, as well as assign it an optional onload or onscroll transition modifier (details).

- -
-
- -
-
- - -
-
-

Gallery

-

This is a Gallery element. It can behave as a lightbox (when given the lightbox class), and you can customize its appearance with a number of modifiers, as well as assign it an optional onload or onscroll transition modifier (details).

-
- - -
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- - - -
-

Title

-

Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.

-
    -
  • Details
    • -
-
-
-
- -
- - -
-
-

Items

-

This is an Items element, and it's basically just a grid for organizing items of various types. You can customize its appearance with a number of modifiers, as well as assign it an optional onload or onscroll transition modifier (details).

-
-
- -

One

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Two

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Three

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Four

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Five

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Six

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Seven

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Eight

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Nine

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Ten

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Eleven

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
- -

Twelve

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.

-
-
-
-
- - -
-
-

Additional Elements

-

Finally, here are some additional elements you might find useful (and yup, they look fine with any appearance).

-
- - -
-
-

Text

-
-
- -

This is bold and this is strong. This is italic and this is emphasized. - This is superscript text and this is subscript text. - This is underlined and this is code: for (;;) { ... }. - Finally, this is a link.

- -
-
- - -
-
-

Headings

-
-
- -

Heading Level 1

-

Heading Level 2

-

Heading Level 3

-

Heading Level 4

-
Heading Level 5
-
Heading Level 6
- -
- -
-

Heading with a Subtitle

-

Lorem ipsum dolor sit amet nullam id egestas urna aliquam

-
-

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

- -
- -
-

Heading with a Subtitle

-

Lorem ipsum dolor sit amet nullam id egestas urna aliquam

-
-

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

- -
- -
-

Heading with a Subtitle

-

Lorem ipsum dolor sit amet nullam id egestas urna aliquam

-
-

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

- -
-
- - -
-
-

Unordered List

-
-
- -

Default

-
    -
  • Lorem ipsum dolor sit amet
    • -
  • Interdum adipiscing gravida odio
    • -
  • Porttitor sem non integer
    • -
  • Non faucibus ornare mi ut ante
    • -
  • Sagittis adipiscing eleifend
    • -
  • Felis amet dolore viverra
    • -
- -

Alternate

-
    -
  • Lorem ipsum dolor sit amet
    • -
  • Interdum adipiscing gravida odio
    • -
  • Porttitor sem non integer
    • -
  • Non faucibus ornare mi ut ante
    • -
  • Sagittis adipiscing eleifend
    • -
  • Felis amet dolore viverra
    • -
- -
-
- - -
-
-

Ordered List

-
-
- -
    -
  1. Lorem ipsum dolor sit amet
    2. -
  2. Interdum adipiscing gravida odio
    3. -
  3. Porttitor sem non integer
    4. -
  4. Non faucibus ornare mi ut ante
    5. -
  5. Sagittis adipiscing eleifend
    6. -
  6. Felis amet dolore viverra
    7. -
- -
-
- - -
-
-

Definition List

-
-
- -
-
Interdum adipiscing odio
-
-

Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.

-
-
Non faucibus ornare mi ut ante
-
-

Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.

-
-
Felis amet dolore viverra
-
-

Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.

-
-
- -
-
- - -
-
-

Blockquote

-
-
- -
Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent fringilla quis tincidunt felis sagittis eget tempus euismod. Ante ipsum primis vestibulum.
- -
-
- - -
-
-

Code

-
-
- - 
i = 0;
-
-while (!deck.isInOrder()) {
-    print 'Iteration ' + i;
-    deck.shuffle();
-    i++;
-}
-
-print 'It took ' + i + ' iterations to sort the deck.';
-
- -
-
- - -
-
-

Icons

-
-
- -

Style #1

- - -

Style #2

- - -
-
- - -
-
-

Buttons

-
-
- - - - - - -
    -
  • Primary
    • -
  • Default
    • -
- -
-
- - -
-
-

Actions

-
-
- -

Default

- - -

Small

- - -

Stacked

- - -

Stacked + Fit

- - -
-
- - -
-
-

Form

-
-
- -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
    -
    • -
-
- -
-
- - -
-
-

Table

-
-
- -

Default

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameDescriptionPrice
Item 1Ante turpis integer aliquet porttitor.29.99
Item 2Vis ac commodo adipiscing arcu aliquet.19.99
Item 3 Morbi faucibus arcu accumsan lorem.29.99
Item 4Vitae integer tempus condimentum.19.99
Item 5Ante turpis integer aliquet porttitor.29.99
100.00
-
- -

Alternate

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameDescriptionPrice
Item 1Ante turpis integer aliquet porttitor.29.99
Item 2Vis ac commodo adipiscing arcu aliquet.19.99
Item 3 Morbi faucibus arcu accumsan lorem.29.99
Item 4Vitae integer tempus condimentum.19.99
Item 5Ante turpis integer aliquet porttitor.29.99
100.00
-
- -
-
- - -
-
-

Images

-
-
- -

Fit

- - -

Left

-

Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis volutpat lorem ipsum dolor sit amet dolor consequat.

- -

Right

-

Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis volutpat lorem ipsum dolor sit amet dolor consequat.

- -
-
- - -
-
-

Box

-
-
- -
-

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

-
- -
-
- -
- - -
-
- - -
-
-

Elements Reference

-

Oh, and this: a handy reference to all the modifiers supported by various elements.

-
- - -
-
-

Banner

-
-
- -

HTML

-
<section class="banner style(N) (optional modifiers)">
-  <div class="content">
-    (content)
-  </div>
-  <div class="image">
-    <img src="(image URL)" alt="Alternate text" />
-  </div>
-</section>
- -
- - -
-

banner style1

-

A 50/50 vertical split between content and an image. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
fullscreenFills the height of the screen.
orient-leftShows content on the left, image on the right.
orient-rightShows content on the right, image on the left.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

banner style2

-

Boxed-in content set against an image background, and attached to either side of the screen or centered. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
fullscreenFills the height of the screen.
orient-leftAttaches the content box to the left edge of the screen.
orient-centerPlaces the content box in the center of the screen.
orient-rightAttaches the content box to the right edge of the screen.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

banner style3

-

An image within a circular frame placed to the side of content. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
fullscreenFills the height of the screen.
orient-leftPlaces the content on the left, image on the right.
orient-rightPlaces the content on the right, image on the left.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-upFades image up on page load.
onload-image-fade-downFades image down on page load.
onload-image-fade-leftFades image left on page load.
onload-image-fade-rightFades image right on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-upFades image up on page scroll.
onscroll-image-fade-downFades image down on page scroll.
onscroll-image-fade-leftFades image left on page scroll.
onscroll-image-fade-rightFades image right on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

banner style4

-

An image within a phone-shaped frame placed to the side of content. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
fullscreenFills the height of the screen.
iphoneUses iPhone styling for image frame.
androidUses Android styling for image frame.
orient-leftPlaces the content on the left, image on the right.
orient-rightPlaces the content on the right, image on the left.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-upFades image up on page load.
onload-image-fade-downFades image down on page load.
onload-image-fade-leftFades image left on page load.
onload-image-fade-rightFades image right on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-upFades image up on page scroll.
onscroll-image-fade-downFades image down on page scroll.
onscroll-image-fade-leftFades image left on page scroll.
onscroll-image-fade-rightFades image right on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

banner style5

-

Content set directly against an image background. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
fullscreenFills the height of the screen.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
-
- - -
-
-

Spotlight

-
-
- -

HTML

-
<section class="spotlight style(N) (optional modifiers)">
-  <div class="content">
-    (content)
-  </div>
-  <div class="image">
-    <img src="(image URL)" alt="Alternate text" />
-  </div>
-</section>
- -
- - -
-

spotlight style1

-

A 30/70 (or 70/30, depending on orientation) vertical split between content and an image. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
orient-leftShows content on the left, image on the right.
orient-rightShows content on the right, image on the left.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

spotlight style2

-

An image within a circular frame placed to the side of content. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
orient-leftPlaces the content on the left, image on the right.
orient-rightPlaces the content on the right, image on the left.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-upFades image up on page load.
onload-image-fade-downFades image down on page load.
onload-image-fade-leftFades image left on page load.
onload-image-fade-rightFades image right on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-upFades image up on page scroll.
onscroll-image-fade-downFades image down on page scroll.
onscroll-image-fade-leftFades image left on page scroll.
onscroll-image-fade-rightFades image right on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

spotlight style3

-

An image within a phone-shaped frame placed to the side of content. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
orient-leftPlaces the content on the left, image on the right.
orient-rightPlaces the content on the right, image on the left.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-upFades image up on page load.
onload-image-fade-downFades image down on page load.
onload-image-fade-leftFades image left on page load.
onload-image-fade-rightFades image right on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-upFades image up on page scroll.
onscroll-image-fade-downFades image down on page scroll.
onscroll-image-fade-leftFades image left on page scroll.
onscroll-image-fade-rightFades image right on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

spotlight style4

-

Boxed-in content set against an image background, and attached to either side of the screen or centered. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
fullscreenFills the height of the screen.
halfscreenFills half the height of the screen.
orient-leftAttaches the content box to the left edge of the screen.
orient-centerPlaces the content box in the center of the screen.
orient-rightAttaches the content box to the right edge of the screen.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
- - -
-

spotlight style5

-

Boxed-in content set against an image background. Supports these modifiers:

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
fullscreenFills the height of the screen.
halfscreenFills half the height of the screen.
orient-leftPlaces the content box on the left of the screen.
orient-centerPlaces the content box in the center of the screen.
orient-rightPlaces the content box on the right side of the screen.
content-align-leftLeft-aligns content.
content-align-centerCenter-aligns content.
content-align-rightRight-aligns content.
image-position-leftLeft-positions image.
image-position-centerCenter-positions image.
image-position-rightRight-positions image.
onload-content-fade-upFades content up on page load.
onload-content-fade-downFades content down on page load.
onload-content-fade-leftFades content left on page load.
onload-content-fade-rightFades content right on page load.
onload-content-fade-inFades in content on page load.
onload-image-fade-inFades in image on page load.
onscroll-content-fade-upFades content up on page scroll.
onscroll-content-fade-downFades content down on page scroll.
onscroll-content-fade-leftFades content left on page scroll.
onscroll-content-fade-rightFades content right on page scroll.
onscroll-content-fade-inFades in content on page scroll.
onscroll-image-fade-inFades in image on page scroll.
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
-
- -
-
- - - - - -
-
-

Items

-
-
- -

HTML

-
<div class="items style(N) (size modifier) (optional modifiers)">
-  <section>
-    (content)
-  </section>
-  <section>
-    (content)
-  </section>
-  <section>
-    (content)
-  </section>
-  <section>
-    (content)
-  </section>
-  ...
-</div>
- -
- - -
-

items style1

-

A grid of items separated by borders.

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
smallUses small items.
mediumUses medium items.
bigUses big items.
onload-fade-inFades in items on page load.
onscroll-fade-inFades in items on page scroll.
-
-
- -
- - -
-

items style2

-

An outlined grid of items separated by borders.

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
smallUses small items.
mediumUses medium items.
bigUses big items.
onload-fade-inFades in items on page load.
onscroll-fade-inFades in items on page scroll.
-
-
- -
- - -
-

items style3

-

A borderless grid of items.

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
smallUses small items.
mediumUses medium items.
bigUses big items.
onload-fade-inFades in items on page load.
onscroll-fade-inFades in items on page scroll.
-
-
- -
-
- - -
-
-

Wrapper

-
-
- -

HTML

-
<div class="wrapper (optional modifiers)">
-  (content)
-</div>
- -

Modifiers

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
invertInverts the color scheme.
color1Uses background color #1.
color2Uses background color #2.
color3Uses background color #3.
color4Uses background color #4.
color5Uses background color #5.
color6Uses background color #6.
color7Uses background color #7.
-
- -
-
- -
- - -
-
- - - - -
- - - - - - - - - - - - - - - diff --git a/index-demo.html:Zone.Identifier b/index-demo.html:Zone.Identifier deleted file mode 100644 index 0469127..0000000 --- a/index-demo.html:Zone.Identifier +++ /dev/null @@ -1,3 +0,0 @@ -[ZoneTransfer] -ZoneId=3 -ReferrerUrl=C:\Users\kemmerenac\Downloads\html5up-story.zip diff --git a/index.html b/index.html index d27ee42..e92305b 100644 --- a/index.html +++ b/index.html @@ -419,7 +419,7 @@

Biography

- +
diff --git a/pages/talks.html b/pages/talks.html index ccff351..425643b 100644 --- a/pages/talks.html +++ b/pages/talks.html @@ -190,7 +190,7 @@

Orals at congresses

ERA 2022Impact of removing race from the CKD-EPI equation: analysis of 1.6 million Swedish adultsBest abstract by young author - ERA-EDTA 2021When to initiate dialysis to reduce mortality and cardiovascular events in advanced CKDBest abstract of congress + ERA-EDTA 2021When to initiate dialysis to reduce mortality and cardiovascular events in advanced CKDBest abstract of congress ERA-EDTA 2021Comparative effectiveness of SGLT2i versus DPP4i on cardiovascular and renal outcomes in routine-care settings (mini-oral)