From b8205fd1cb64cacd7f4b97b94c1ec34d9c63d700 Mon Sep 17 00:00:00 2001 From: Apurv Sonawane Date: Tue, 30 Jan 2024 12:12:45 +0530 Subject: [PATCH] Modified buttons --- css/style.css | 41 +++-- index.html | 434 ++++++++++++++++++++++++++++---------------------- 2 files changed, 268 insertions(+), 207 deletions(-) diff --git a/css/style.css b/css/style.css index 0f0db85..5cb84a1 100644 --- a/css/style.css +++ b/css/style.css @@ -81,17 +81,17 @@ a { text-decoration: none; } -.section__header__main { +.section_header_main { max-width: 800px; margin: 0 auto; - margin-top: 90px; + margin-top: 60px; font-size: 45px; font-weight: 700; line-height: 67.5px; margin-bottom: 10px; } -.section__content__main { +.section_content_main { margin: 0 20px; margin-top: 2px; font-weight: 400; @@ -101,10 +101,10 @@ a { margin-bottom: 20px; } -.section__button__colored { +.section_button_colored { background-color: #9a2ca0; font-weight: 500; - font-size: 35px; + font-size: 30px; line-height: 30px; border-radius: 15px; margin: 20px; @@ -114,12 +114,12 @@ a { } -.section__button__colored:hover { +.section_button_colored:hover { background-color: #d720e1 !important; } -.section__button__text { +.section_button_text { font-weight: 500; color: #4f5d75; font-size: 20px; @@ -129,14 +129,14 @@ a { margin-left: 22px; } -.banner__image__center { +.banner_image_center { display: block; margin: 0 auto; padding-top: 20px; margin-bottom: 125px; } -.section__card__outline { +.section_card_outline { width: 309px; border-radius: 20px; /* box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1); */ @@ -151,17 +151,17 @@ a { transition: 0.2s ease-in-out; } -.section__card__outline:hover{ +.section_card_outline:hover{ transform: scale(1.10); transition: 0.2s ease-in-out; } -.section__card__icon { +.section_card_icon { text-align: center; margin: 27px 32px; } -.section__card__header { +.section_card_header { font-weight: bold; font-size: 25px; line-height: 37px; @@ -169,7 +169,7 @@ a { margin: 0 32px; } -.section__card__content { +.section_card_content { margin: 12px 33px; font-family: Poppins; font-style: normal; @@ -180,7 +180,7 @@ a { color: #4f5d75; } -.section__card__outline__none { +.section_cardoutline_none { width: 309px; border-radius: 20px; height: 341px; @@ -188,7 +188,7 @@ a { margin-top: 40px; } -.section__card__outline__none__header { +.section_cardoutlinenone_header { font-family: Poppins; font-style: normal; font-weight: normal; @@ -199,7 +199,7 @@ a { color: #000000; } -.section__card__outline__none__content { +.section_cardoutlinenone_content { font-family: Poppins; font-style: normal; font-weight: normal; @@ -228,7 +228,7 @@ a { color: white; } -.footer__content__copyright { +.footer_content_copyright { font-family: Poppins; font-style: normal; font-weight: bold; @@ -322,4 +322,11 @@ a { .regular_list{ font-size: 14px; +} + +.button-container { + display: flex; + gap: 10px; + justify-content: center; + align-items: center; } \ No newline at end of file diff --git a/index.html b/index.html index 0575004..5c8c134 100644 --- a/index.html +++ b/index.html @@ -54,227 +54,281 @@
- - + + -
-

- A perfect tool, - for whole slide imaging microscopy. -

-

- caMicroscope is designed with a strong emphasis on usability, catering to both seasoned pathologists and newcomers to digital pathology. - Its intuitive interface allows users to effortlessly navigate and explore high-resolution pathology images. - The platform's annotation and marking tools simplify the process of identifying regions of interest and making vital notations. - Users can also perform basic image analysis tasks with ease, measuring distances and areas accurately. Collaboration is made seamless, - facilitating the sharing of images and annotations for multi-disciplinary research and educational endeavors. This user-centric approach, - complemented by extensive documentation and user support, ensures that caMicroscope remains a user-friendly and accessible solution, ultimately enhancing the efficiency and precision of pathology analysis. -

- - - - - - - -
-
-

- caMicroscope: Pathology Partner -

-

- caMicroscope is a cutting-edge, open-source platform revolutionizing digital pathology. Designed for pathologists, researchers, and medical professionals, it empowers precision image analysis, seamless collaboration, and customizable solutions. Explore high-resolution pathology images, annotate findings, and unlock the potential of digital pathology with caMicroscope. -

+
+

+ A perfect tool, + for whole slide imaging microscopy. +

+

+ caMicroscope is designed with a strong emphasis on usability, catering + to both seasoned pathologists and newcomers to digital pathology. Its + intuitive interface allows users to effortlessly navigate and explore + high-resolution pathology images. The platform's annotation and + marking tools simplify the process of identifying regions of interest + and making vital notations. Users can also perform basic image + analysis tasks with ease, measuring distances and areas accurately. + Collaboration is made seamless, facilitating the sharing of images and + annotations for multi-disciplinary research and educational endeavors. + This user-centric approach, complemented by extensive documentation + and user support, ensures that caMicroscope remains a user-friendly + and accessible solution, ultimately enhancing the efficiency and + precision of pathology analysis. +

-
-
+
+ + + + + + +
+ +
+
+

caMicroscope: Pathology Partner

+

+ caMicroscope is a cutting-edge, open-source platform revolutionizing + digital pathology. Designed for pathologists, researchers, and medical + professionals, it empowers precision image analysis, seamless + collaboration, and customizable solutions. Explore high-resolution + pathology images, annotate findings, and unlock the potential of + digital pathology with caMicroscope. +

+
+

Collaborate alongside Artificial Intelligence

-

- caMicroscope excels in its adaptability to interact seamlessly with artificial intelligence technologies. It empowers a broad spectrum of applications, whether in the hands of pathologists or AI developers. - Pathologists can enhance diagnostic accuracy by leveraging pre-trained AI models, collaborating with these tools for image analysis and pattern recognition. - For AI researchers, caMicroscope is a dynamic platform for curating and annotating extensive datasets, vital for training and refining AI models in the realm of pathology. - It supports machine learning development with a flexible interface for experimentation and algorithm testing. - This versatile integration of human expertise and AI capabilities propels pathology research and diagnostic excellence. -

-
- -
-
- Major Features -
-
+

+ caMicroscope excels in its adaptability to interact seamlessly with + artificial intelligence technologies. It empowers a broad spectrum of + applications, whether in the hands of pathologists or AI developers. + Pathologists can enhance diagnostic accuracy by leveraging pre-trained + AI models, collaborating with these tools for image analysis and + pattern recognition. For AI researchers, caMicroscope is a dynamic + platform for curating and annotating extensive datasets, vital for + training and refining AI models in the realm of pathology. It supports + machine learning development with a flexible interface for + experimentation and algorithm testing. This versatile integration of + human expertise and AI capabilities propels pathology research and + diagnostic excellence. +

+
-
-
-
- -
Annotate
-
-

- Annotate the slides. View, name and add notes about the - annotation set. -

-

- Can select, save annotations and set the panel to original - state. -

+
+
Major Features
+
+
+
+
+ +
Annotate
+
+

+ Annotate the slides. View, name and add notes about the + annotation set. +

+

+ Can select, save annotations and set the panel to original + state. +

+
-
-
-
- -
Draw
-
-

Draw thin lines, thick lines, or polygons on the image.

-

- This helps to clearly show the markings in the slide for - analysis. -

+
+
+ +
Draw
+
+

Draw thin lines, thick lines, or polygons on the image.

+

+ This helps to clearly show the markings in the slide for + analysis. +

+
-
-
-
- -
Label
-
-

Can Draw circle or a rectangle around a tumor region.

-

- Lets one to label the slides, download labels and make datasets. -

+
+
+ +
Label
+
+

Can Draw circle or a rectangle around a tumor region.

+

+ Lets one to label the slides, download labels and make + datasets. +

+
-
-
-
- -
Model
-
-

- Using deep learning technology, results from a pre-trained - tensorflow compatible model can be shown on a ROI of the - slide. -

+
+
+ +
Model
+
+

+ Using deep learning technology, results from a pre-trained + tensorflow compatible model can be shown on a ROI of the + slide. +

+
-
-
-
- -
Segment
-
-

- Display, count, and export nuclear segmentations on the image. -

-

Useful to introspect the segmentations of the tumor.

+
+
+ +
Segment
+
+

+ Display, count, and export nuclear segmentations on the + image. +

+

Useful to introspect the segmentations of the tumor.

+
-
-
-
- -
More
-
-

Try the live demo to see if caMcirosope is for you!

-

Add feature requests to let the community know what's important to you!

+
+
+ +
More
+
+

+ Try the + live demo + to see if caMcirosope is for you! +

+

+ Add + feature requests + to let the community know what's important to you! +

+
-
-
- -
Who is using caMicroscope?
-
-

caMicroscope has fostered collaborations with a range of prestigious projects and collaborators, each contributing to the platform's dynamic evolution. Some collaborators include:

-
    -
  • The Cancer Imaging Archive
    • -
  • Emory University Department of Biomedical Infomatics
    • -
  • The US Food and Drug Administration
    • -
  • The US Department of Energy
    • -
  • National Institue of Health
    • -
  • State University of New York at Stony Brook
    • -
  • Scientific Computing and Imaging Institute at the University of Utah
    • -
-
-
-
- -
Join the open source Community.
-
-

Join the caMicroscope open-source community and be part of an inclusive ecosystem where diverse skills and expertise are welcome. - Whether you're a pathology expert, computer scientist, HCI enthusiast, or just passionate about contributing, there's a place for you. - Your knowledge, insights, or fresh perspectives can help enhance caMicroscope, making it a better tool for pathologists and researchers. - Together, we're shaping the future of digital pathology, promoting open collaboration, and embracing individuals at all levels of expertise. - Join us and make a difference in the field of pathology and medical research.

+
+
Who is using caMicroscope?
+
+

+ caMicroscope has fostered collaborations with a range of prestigious + projects and collaborators, each contributing to the platform's + dynamic evolution. Some collaborators include: +

+
    +
  • The Cancer Imaging Archive
    • +
  • Emory University Department of Biomedical Infomatics
    • +
  • The US Food and Drug Administration
    • +
  • The US Department of Energy
    • +
  • National Institue of Health
    • +
  • State University of New York at Stony Brook
    • +
  • + Scientific Computing and Imaging Institute at the University of + Utah +
    • +
+
-
- - - +
+
+ Join the open source Community. +
+
+

+ Join the caMicroscope open-source community and be part of an + inclusive ecosystem where diverse skills and expertise are welcome. + Whether you're a pathology expert, computer scientist, HCI + enthusiast, or just passionate about contributing, there's a place + for you. Your knowledge, insights, or fresh perspectives can help + enhance caMicroscope, making it a better tool for pathologists and + researchers. Together, we're shaping the future of digital + pathology, promoting open collaboration, and embracing individuals + at all levels of expertise. Join us and make a difference in the + field of pathology and medical research. +

+
+
+
-
-
-
-
+
+
- +
-
+
- + \ No newline at end of file