Skip to content

Commit

Permalink
fix body text, remove explorer css (#475)
Browse files Browse the repository at this point in the history 
* fix body text, remove explorer css

* lint
  • Loading branch information
@northdpole
northdpole authored Jan 8, 2024
1 parent 258d00a commit 645c0a8
Show file tree
Hide file tree
Showing 2 changed files with 131 additions and 125 deletions.
218 changes: 109 additions & 109 deletions application/frontend/src/pages/Explorer/explorer.scss
View file
Original file line number Diff line number Diff line change
@@ -1,109 +1,109 @@
#explorer-content {
font-family: Vollkorn, Ubuntu, Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
margin: 40px;
text-align: left;
}

#explorer-content>.group {
border-top: 1px dotted lightgrey;
border-left: 6px solid lightgrey;
margin: 4px;
margin-left: 46px;
padding: 5px;
vertical-align: top;
background-color: rgba(200, 200, 200, 0.2);
}

#explorer-content>.doc-id {
display: inline-block;
border-radius: 6px;
margin: 3px;
padding: 3px;
background-color: #f8f8f8;
vertical-align: top;
font-size: 90%;
}

#explorer-content>.tag {
display: inline-block;
border: 1px solid lightgrey;
border-radius: 6px;
margin: 3px;
padding: 3px;
background-color: #f8f8f8;
vertical-align: top;
font-size: 90%;
max-width: 80px;
white-space: nowrap;
overflow: hidden;
}

#explorer-content>a {
text-decoration: none;
}

#explorer-content>.icon {
width: 140px;
height: 140px;
object-fit: cover;
border-radius: 4px;
margin-top: 26px;
margin-bottom: 20px;
filter: grayscale(100%);
}

#explorer-content>::placeholder {
color: lightgrey;
opacity: 1;
}

#explorer-content>:-ms-input-placeholder {
color: lightgrey;
}

#explorer-content>::-ms-input-placeholder {
color: lightgrey;
}


#explorer-content>div {
vertical-align: top;
}

#explorer-content>content {
margin-left: -20px;
}

#explorer-content>h1 {
font-size: 50px;
margin-bottom: 5px;
margin-left: 16px;
}

#explorer-content>img {
vertical-align: middle;
height: 80px;
}

b {
padding-top: 20px;
padding-left: 12px;
}
p{
color: grey; margin-left: 26px;
}
#explorer-wrapper{
margin-left: 24px; margin-top: 20px; margin-bottom: 20px; color: grey;
}

#filter{
font-size: 16px; height: 32px; width: 320px; margin-bottom: 10px;
}
#search-summary{
display: inline-block; vertical-align: middle;
}
#graphs{font-size: 80%; color: grey;}

.highlight{
background-color: yellow;
}
// #explorer-content {
// font-family: Vollkorn, Ubuntu, Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
// margin: 40px;
// text-align: left;
// }

// #explorer-content>.group {
// border-top: 1px dotted lightgrey;
// border-left: 6px solid lightgrey;
// margin: 4px;
// margin-left: 46px;
// padding: 5px;
// vertical-align: top;
// background-color: rgba(200, 200, 200, 0.2);
// }

// #explorer-content>.doc-id {
// display: inline-block;
// border-radius: 6px;
// margin: 3px;
// padding: 3px;
// background-color: #f8f8f8;
// vertical-align: top;
// font-size: 90%;
// }

// #explorer-content>.tag {
// display: inline-block;
// border: 1px solid lightgrey;
// border-radius: 6px;
// margin: 3px;
// padding: 3px;
// background-color: #f8f8f8;
// vertical-align: top;
// font-size: 90%;
// max-width: 80px;
// white-space: nowrap;
// overflow: hidden;
// }

// #explorer-content>a {
// text-decoration: none;
// }

// #explorer-content>.icon {
// width: 140px;
// height: 140px;
// object-fit: cover;
// border-radius: 4px;
// margin-top: 26px;
// margin-bottom: 20px;
// filter: grayscale(100%);
// }

// #explorer-content>::placeholder {
// color: lightgrey;
// opacity: 1;
// }

// #explorer-content>:-ms-input-placeholder {
// color: lightgrey;
// }

// #explorer-content>::-ms-input-placeholder {
// color: lightgrey;
// }


// #explorer-content>div {
// vertical-align: top;
// }

// #explorer-content>content {
// margin-left: -20px;
// }

// #explorer-content>h1 {
// font-size: 50px;
// margin-bottom: 5px;
// margin-left: 16px;
// }

// #explorer-content>img {
// vertical-align: middle;
// height: 80px;
// }

// b {
// padding-top: 20px;
// padding-left: 12px;
// }
// p{
// color: grey; margin-left: 26px;
// }
// #explorer-wrapper{
// margin-left: 24px; margin-top: 20px; margin-bottom: 20px; color: grey;
// }

// #filter{
// font-size: 16px; height: 32px; width: 320px; margin-bottom: 10px;
// }
// #search-summary{
// display: inline-block; vertical-align: middle;
// }
// #graphs{font-size: 80%; color: grey;}

// .highlight{
// background-color: yellow;
// }
38 changes: 22 additions & 16 deletions application/frontend/src/pages/Search/components/BodyText.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,31 +7,37 @@ export const SearchBody = () => {
<div className="index-text">
<h1>OpenCRE</h1>
<p>
<b>
<strong>
OpenCRE is the interactive content linking platform for uniting security standards and guidelines
into one overview. It offers easy and robust access to relevant information when designing,
developing, testing, procuring and organising secure software.
</b>
</strong>
</p>
<p>
<b>
<strong>
Use the search bar or <a href="/root_cres">browse the catalogue of all top-level topics</a>, try
<a href="/node/standard/OWASP%20Top%2010%202021"> the Top10 2021 page</a> and click around, or{' '}
<a href="/search/session">search for "Session"</a>, or check out{' '}
<a href="/cre/764-507"> CRE 764-507 </a> or <a href="/cre/581-525">CRE 581-525</a> to see the <b>Multilink</b>
feature: one link to OpenCRE gives access to a wide range of standards and related topics: testing advice,
development, in-depth technical information, threat descriptions, articles, and tool settings.
</b>
<a href="/cre/764-507"> CRE 764-507 </a> or <a href="/cre/581-525">CRE 581-525</a> to see the{' '}
<b>Multilink</b>
feature: one link to OpenCRE gives access to a wide range of standards and related topics: testing
advice, development, in-depth technical information, threat descriptions, articles, and tool
settings.
</strong>
</p>
<p>
<strong>
Use <a href="/chatbot">OpenCRE Chat</a> to ask any security question (Google account required to
maximize queries per minute). In collaboration with Google, we injected all the standards in OpenCRE
into an AI model to create the world's first security-specialized chatbot. This ensures you get a
more reliable answer, and also a reference to a reputable source.
</strong>
</p>
<p>
<strong>
Use <a href="/map_analysis">Map Analysis</a> to find how any two standards connect with eachother
</strong>
</p>
<b>
Use <a href="/chatbot">OpenCRE Chat</a> to ask any security question (Google account required to
maximize queries per minute). In collaboration with Google, we injected all the standards in OpenCRE
into an AI model to create the world's first security-specialized chatbot. This ensures you get a more
reliable answer, and also a reference to a reputable source.
</b>
<b>
Use <a href="/map_analysis">Map Analysis</a> to find how any two standards connect with eachother
</b>
<h2>HOW?</h2>
<p>
OpenCRE links each section of a resource (like a standard or guideline) to a shared topic, known as a
Expand Down

0 comments on commit 645c0a8

Please sign in to comment.