diff --git a/images/hds_logo.svg b/images/hds_logo.svg new file mode 100644 index 0000000..e141aa9 --- /dev/null +++ b/images/hds_logo.svg @@ -0,0 +1 @@ +Asset 2tranparent_logodata sciences \ No newline at end of file diff --git a/images/hds_logo_noline.svg b/images/hds_logo_noline.svg new file mode 100644 index 0000000..d24d6ea --- /dev/null +++ b/images/hds_logo_noline.svg @@ -0,0 +1 @@ +Asset 4ranparent_logodata sciences \ No newline at end of file diff --git a/images/oxford.svg b/images/oxford.svg new file mode 100644 index 0000000..0c77d21 --- /dev/null +++ b/images/oxford.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.qmd b/index.qmd index 0984bf6..609a930 100644 --- a/index.qmd +++ b/index.qmd @@ -1,7 +1,7 @@
Oxinfer
-Meet the team -Publications -Packages -Our goals -Join the journey +
Oxford distributed analytics for network research
+
+![](images/hds_logo_noline.svg){fig-alt="Health Data Sciences section" class="image_title" id="hds"} +![](images/oxford.svg){fig-alt="University of Oxford" class="image_title" id="oxford"} +
diff --git a/styles.scss b/styles.scss index 48d2e4e..5081261 100644 --- a/styles.scss +++ b/styles.scss @@ -83,6 +83,20 @@ $font-size-root: 17px; padding: 3px; } +.image_title { + width: 40%; + display: inline-block; + margin-left: 4.5%; + margin-right: 4.5%; +} + +.images_container{ + position: absolute; + top: 400px; + left: 40%; + width: 20%; +} + .hex_title { position: absolute; color: white; @@ -100,23 +114,19 @@ $font-size-root: 17px; align-items: center; line-height: 1.3; } - .hex_title:hover { transform: scale(1.4); } - .pack_title { margin-left: 237px; top: 140px; background-color: #fe005d; } - .team_title { margin-left: 522px; top: 244px; background-color: #4d9ee9; } - .publ_title { margin-left: 413px; top: 411px; @@ -134,23 +144,29 @@ $font-size-root: 17px; } .title_oxinfer { + text-align: center; position: absolute; top: 200px; + left: 50%; + width: 600px; + margin-left: -300px; display: inline-flex; - border-style: solid; - border-color: #ff0000; color: black; - font-size: 40px; - font-weight: bold; - width: 600px; - height: 300px; - transition: transform 1s ease; - text-align: center; - border-radius: 50%; + font-size: 60px; justify-content: center; align-items: center; } -.title_oxinfer:hover { - transform: scale(1.2); +.subtitle_oxinfer { + text-align: center; + position: absolute; + top: 300px; + left: 50%; + width: 600px; + margin-left: -300px; + display: inline-flex; + color: black; + font-size: 20px; + justify-content: center; + align-items: center; }