From 92a467d7fa5148fe5513f55a5190436d11a6158a Mon Sep 17 00:00:00 2001 From: Soman ali <155384499+Cyrus-Sobaan@users.noreply.github.com> Date: Mon, 12 Aug 2024 18:15:17 +0000 Subject: [PATCH 1/3] changes added --- css/style.css | 7 +- index.html | 434 ++++++++++++++++++++++++++++---------------------- 2 files changed, 251 insertions(+), 190 deletions(-) diff --git a/css/style.css b/css/style.css index 0f0db85..e3b89ab 100644 --- a/css/style.css +++ b/css/style.css @@ -17,8 +17,11 @@ body { a:hover { text-decoration: none; } - +.button{ + display: flex; +} button:hover { + cursor: pointer; } @@ -104,7 +107,7 @@ a { .section__button__colored { background-color: #9a2ca0; font-weight: 500; - font-size: 35px; + font-size: 30px; line-height: 30px; border-radius: 15px; margin: 20px; diff --git a/index.html b/index.html index 0575004..abd0305 100644 --- a/index.html +++ b/index.html @@ -54,223 +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. +

+
+
+
-
-
-
-
+
+
- +
From fe1edc92540c83b3db6c19fb1ff85e2c9d25eedd Mon Sep 17 00:00:00 2001 From: Soman ali <155384499+Cyrus-Sobaan@users.noreply.github.com> Date: Mon, 12 Aug 2024 18:54:08 +0000 Subject: [PATCH 2/3] add some new changes in button class for responsivness --- css/style.css | 6 ++++-- index.html | 1 + 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index e3b89ab..08485b0 100644 --- a/css/style.css +++ b/css/style.css @@ -19,6 +19,8 @@ a:hover { } .button{ display: flex; + flex-direction: column; + } button:hover { @@ -107,7 +109,7 @@ a { .section__button__colored { background-color: #9a2ca0; font-weight: 500; - font-size: 30px; + font-size: 1.5rem; line-height: 30px; border-radius: 15px; margin: 20px; @@ -125,7 +127,7 @@ a { .section__button__text { font-weight: 500; color: #4f5d75; - font-size: 20px; + font-size: 2.0rem; line-height: 30px; background-color: white; border: none; diff --git a/index.html b/index.html index abd0305..a44d633 100644 --- a/index.html +++ b/index.html @@ -133,6 +133,7 @@
+

caMicroscope: Pathology Partner

From dbbd1b3acf1b115c94fb7c1b214f154aa1bc224f Mon Sep 17 00:00:00 2001 From: Soman ali <155384499+Cyrus-Sobaan@users.noreply.github.com> Date: Mon, 12 Aug 2024 19:00:15 +0000 Subject: [PATCH 3/3] Add responsiveness --- .vscode/settings.json | 3 +++ css/style.css | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 08485b0..6563fd7 100644 --- a/css/style.css +++ b/css/style.css @@ -17,10 +17,10 @@ body { a:hover { text-decoration: none; } + .button{ display: flex; flex-direction: column; - } button:hover {