Compare commits
No commits in common. "b03dc5fbfcf708a7eb5377326af37a87b8a4e706" and "master" have entirely different histories.
b03dc5fbfc
...
master
|
|
@ -0,0 +1,110 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
lerna-debug.log*
|
||||
|
||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
*.lcov
|
||||
|
||||
# nyc test coverage
|
||||
.nyc_output
|
||||
|
||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Bower dependency directory (https://bower.io/)
|
||||
bower_components
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
jspm_packages/
|
||||
|
||||
# TypeScript v1 declaration files
|
||||
typings/
|
||||
|
||||
# TypeScript cache
|
||||
*.tsbuildinfo
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
|
||||
# Optional eslint cache
|
||||
.eslintcache
|
||||
|
||||
# Microbundle cache
|
||||
.rpt2_cache/
|
||||
.rts2_cache_cjs/
|
||||
.rts2_cache_es/
|
||||
.rts2_cache_umd/
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
|
||||
# Output of 'npm pack'
|
||||
*.tgz
|
||||
|
||||
# Yarn Integrity file
|
||||
.yarn-integrity
|
||||
|
||||
# dotenv environment variables file
|
||||
.env
|
||||
.env.test
|
||||
|
||||
# parcel-bundler cache (https://parceljs.org/)
|
||||
.cache
|
||||
|
||||
# Next.js build output
|
||||
.next
|
||||
|
||||
# Nuxt.js build / generate output
|
||||
.nuxt
|
||||
dist
|
||||
|
||||
# Gatsby files
|
||||
.cache/
|
||||
# Comment in the public line in if your project uses Gatsby and *not* Next.js
|
||||
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||
# public
|
||||
|
||||
# vuepress build output
|
||||
.vuepress/dist
|
||||
|
||||
# Serverless directories
|
||||
.serverless/
|
||||
|
||||
# FuseBox cache
|
||||
.fusebox/
|
||||
|
||||
# DynamoDB Local files
|
||||
.dynamodb/
|
||||
|
||||
# TernJS port file
|
||||
.tern-port
|
||||
|
||||
# utils/table-generator generated files
|
||||
utils/table-generator/tables/
|
||||
utils/table-generator/tables.md
|
||||
utils/table-generator/activities/
|
||||
utils/table-generator/activities.md
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/edu-dis-labs.iml" filepath="$PROJECT_DIR$/.idea/edu-dis-labs.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
css
|
||||
dist
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<template>
|
||||
<details><summary>{{title}}</summary>{{content}} </details>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Details',
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: "title"
|
||||
},
|
||||
content: {
|
||||
type: String,
|
||||
default: "title"
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped lang="styl">
|
||||
details {
|
||||
border-radius: 3px;
|
||||
background: #EEE;
|
||||
}
|
||||
details summary {
|
||||
font-size: 17px;
|
||||
vertical-align: top;
|
||||
background: #333;
|
||||
color: #FFF;
|
||||
border-radius: 3px;
|
||||
/* padding: 5px 10px; */
|
||||
padding: 5px 0px;
|
||||
outline: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,324 @@
|
|||
<template>
|
||||
<!--container-->
|
||||
<section class="container">
|
||||
|
||||
<!-- transition -->
|
||||
<transition :duration="{ enter: 500, leave: 300 }" enter-active-class="animated zoomIn" leave-active-class="animated zoomOut" mode="out-in">
|
||||
|
||||
<!--questionContainer-->
|
||||
<div class="questionContainer" v-if="questionIndex<quiz.questions.length" v-bind:key="questionIndex">
|
||||
<header>
|
||||
<div class="shell">
|
||||
<div class="bar" :style="{width: questionIndex/quiz.questions.length*100 + '%' }">
|
||||
<span>{{(questionIndex/quiz.questions.length)*100}}%</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!--/progress-->
|
||||
|
||||
<!-- questionTitle -->
|
||||
<h2 class="titleContainer title">{{ quiz.questions[questionIndex] && quiz.questions[questionIndex].text }}</h2>
|
||||
<!-- /questionTitle -->
|
||||
<!-- quizOptions -->
|
||||
<div class="optionContainer" v-if="quiz.questions[questionIndex]">
|
||||
<div class="option" v-for="(response, index) in quiz.questions[questionIndex].responses" @click="selectOption(index)" :class="{ 'is-selected': userResponses[questionIndex] == index}" :key="index">
|
||||
{{ index | charIndex }}. {{ response.text || "Mpthasdng"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--quizFooter: navigation and progress-->
|
||||
<footer class="questionFooter">
|
||||
|
||||
<!--pagination-->
|
||||
<nav class="pagination" role="navigation" aria-label="pagination">
|
||||
|
||||
<!-- back button -->
|
||||
<a class="button" v-on:click="prev();" :disabled="questionIndex < 1">
|
||||
Back
|
||||
</a>
|
||||
|
||||
<!-- next button -->
|
||||
<a class="button" :class="(userResponses[questionIndex]==null)?'':'is-active'" v-on:click="next();" :disabled="questionIndex>=quiz.questions.length">
|
||||
{{ (userResponses[questionIndex]==null)?'Skip':'Next' }}
|
||||
</a>
|
||||
|
||||
</nav>
|
||||
<!--/pagination-->
|
||||
|
||||
</footer>
|
||||
<!--/quizFooter-->
|
||||
</div>
|
||||
<!--/questionBox-->
|
||||
<!--quizCompletedResult-->
|
||||
<div v-if="questionIndex >= quiz.questions.length" v-bind:key="questionIndex" class="quizCompleted has-text-centered">
|
||||
<!-- quizCompletedIcon: Achievement Icon -->
|
||||
<span class="icon">
|
||||
<i class="fa" :class="score() > 3 ?'fa-check-circle-o is-active':'fa-times-circle'"></i>
|
||||
</span>
|
||||
|
||||
<!--resultTitleBlock-->
|
||||
<h2 class="title">
|
||||
You did {{ (score() / quiz.questions.length > 0.7 ?'an amazing':(score() / quiz.questions.length < 0.4 ?'a poor':'a good')) }} job!
|
||||
</h2>
|
||||
<p class="subtitle">
|
||||
Total score: {{ score() }} / {{ quiz.questions.length }}
|
||||
</p>
|
||||
<br>
|
||||
<a class="button" @click="restart()">restart <i class="fa fa-refresh"></i></a>
|
||||
<!--/resultTitleBlock-->
|
||||
</div>
|
||||
</transition>
|
||||
<!--/quizCompetedResult-->
|
||||
</section>
|
||||
<!--/container-->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as quizzes from '../quizzes'
|
||||
import Vue from 'vue';
|
||||
export default {
|
||||
name: 'Quiz',
|
||||
props: {
|
||||
quizNum: Number
|
||||
},
|
||||
data() {
|
||||
let quizData
|
||||
switch (this.quizNum) {
|
||||
case 1:
|
||||
quizData = quizzes.quiz1
|
||||
break
|
||||
case 2:
|
||||
quizData = quizzes.quiz2
|
||||
break
|
||||
default:
|
||||
quizData = quizzes.quiz1
|
||||
break
|
||||
}
|
||||
const userResponseSkelaton = Array(quizData.questions.length).fill(null);
|
||||
return {
|
||||
quiz: quizData,
|
||||
questionIndex: 0,
|
||||
userResponses: userResponseSkelaton,
|
||||
isActive: false
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
charIndex: function(i) {
|
||||
return String.fromCharCode(97 + i);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
restart: function(){
|
||||
this.questionIndex=0;
|
||||
this.userResponses=Array(this.quiz.questions.length).fill(null);
|
||||
},
|
||||
selectOption: function(index) {
|
||||
this.$set(this.userResponses, this.questionIndex, index);
|
||||
},
|
||||
next: function() {
|
||||
if (this.questionIndex < this.quiz.questions.length)
|
||||
this.questionIndex++;
|
||||
},
|
||||
|
||||
prev: function() {
|
||||
if (this.quiz.questions.length > 0) this.questionIndex--;
|
||||
},
|
||||
// Return "true" count in userResponses
|
||||
score: function() {
|
||||
var score = 0;
|
||||
for (let i = 0; i < this.userResponses.length; i++) {
|
||||
if (
|
||||
typeof this.quiz.questions[i].responses[
|
||||
this.userResponses[i]
|
||||
] !== "undefined" &&
|
||||
this.quiz.questions[i].responses[this.userResponses[i]].correct
|
||||
) {
|
||||
score = score + 1;
|
||||
}
|
||||
}
|
||||
// calculate percentage
|
||||
return score;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
|
||||
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
|
||||
.button {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.title, .subtitle {
|
||||
font-family: Montserrat, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
.animated {
|
||||
transition-duration: 0.15s;
|
||||
}
|
||||
.container {
|
||||
margin: 0 0.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.questionBox {
|
||||
max-width: 30rem;
|
||||
width: 30rem;
|
||||
min-height: 30rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
border-radius: 0.5rem;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
||||
}
|
||||
.questionContainer header {
|
||||
background-color: rgba(124, 32, 32, 0.025);
|
||||
background: rgba(124, 32, 32, 0.025);
|
||||
padding: 1.5rem;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.questionContainer header h1 {
|
||||
font-weight: bold;
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
.progressContainer {
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.titleContainer {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
.quizForm {
|
||||
display: block;
|
||||
white-space: normal;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.quizForm .quizFormContainer {
|
||||
height: 100%;
|
||||
margin: 15px 18px;
|
||||
}
|
||||
.quizForm .quizFormContainer .field-label {
|
||||
text-align: left;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.quizCompleted {
|
||||
width: 100%;
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
.quizCompleted > .icon {
|
||||
color: #f86c6b;
|
||||
font-size: 5rem;
|
||||
}
|
||||
.quizCompleted > .icon .is-active {
|
||||
color: #4dbd74;
|
||||
}
|
||||
.questionContainer {
|
||||
white-space: normal;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.questionContainer .optionContainer {
|
||||
margin-top: 12px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.questionContainer .optionContainer .option {
|
||||
border-radius: 290486px;
|
||||
padding: 9px 18px;
|
||||
margin: 0 18px;
|
||||
margin-bottom: 12px;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
background-color: #73818f;
|
||||
color: #f0f3f5;
|
||||
border: transparent 1px solid;
|
||||
}
|
||||
.questionContainer .optionContainer .option.is-selected {
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
background-color: #834c9d;
|
||||
}
|
||||
.questionContainer .optionContainer .option:hover {
|
||||
background-color: #B589D6;
|
||||
}
|
||||
.questionContainer .optionContainer .option:active {
|
||||
transform: scaleX(0.9);
|
||||
}
|
||||
.questionContainer .questionFooter {
|
||||
background: rgba(0, 0, 0, 0.025);
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
width: 100%;
|
||||
align-self: flex-end;
|
||||
}
|
||||
.questionContainer .questionFooter .pagination {
|
||||
margin: 15px 25px;
|
||||
}
|
||||
.pagination {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.button {
|
||||
padding: 0.5rem 1rem;
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
border-radius: 5rem;
|
||||
margin: 0 0.25rem;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.button:hover {
|
||||
cursor: pointer;
|
||||
background: #552586;
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.button.is-active {
|
||||
background: #834c9d;
|
||||
color: white;
|
||||
border-color: transparent;
|
||||
}
|
||||
.button.is-active:hover {
|
||||
background: #0a2ffe;
|
||||
}
|
||||
@media screen and (min-width: 769px) {
|
||||
.questionBox {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.questionContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.sidebar {
|
||||
height: auto !important;
|
||||
border-radius: 6px 6px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/** Custom Progress bar */
|
||||
.shell {
|
||||
height: 20px;
|
||||
width: 250px;
|
||||
border: 1px solid #73818f;
|
||||
border-radius: 13px;
|
||||
padding: 3px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.bar {
|
||||
background: linear-gradient(to right, #B589D6, #804FB3);
|
||||
height: 20px;
|
||||
width: 15px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
.bar span {
|
||||
float: right;
|
||||
padding: 4px 5px;
|
||||
color: #f0f3f5;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<script>
|
||||
import "vue-good-table/dist/vue-good-table.css";
|
||||
|
||||
export default {
|
||||
name: "Styles",
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<template>
|
||||
<div>
|
||||
<vue-good-table
|
||||
:columns="columns"
|
||||
:rows="rows"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { VueGoodTable } from 'vue-good-table';
|
||||
|
||||
export default {
|
||||
name: 'my-component',
|
||||
|
||||
// add to component
|
||||
components: {
|
||||
VueGoodTable,
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
columns: [
|
||||
{
|
||||
label: 'Name',
|
||||
field: 'name',
|
||||
},
|
||||
{
|
||||
label: 'Age',
|
||||
field: 'age',
|
||||
type: 'number',
|
||||
},
|
||||
{
|
||||
label: 'Created On',
|
||||
field: 'createdAt',
|
||||
type: 'date',
|
||||
dateInputFormat: 'yyyy-mm-dd',
|
||||
dateOutputFormat: 'MMM Do yy',
|
||||
},
|
||||
{
|
||||
label: 'Percent',
|
||||
field: 'score',
|
||||
type: 'percentage',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ id:1, name:"John", age: 20, createdAt: '2011-10-31',score: 0.03343 },
|
||||
{ id:2, name:"Jane", age: 24, createdAt: '2019-10-31', score: 0.03343 },
|
||||
{ id:3, name:"Susan", age: 16, createdAt: '2011-10-30', score: 0.03343 },
|
||||
{ id:4, name:"Chris", age: 55, createdAt: '2011-10-11', score: 0.03343 },
|
||||
{ id:5, name:"Dan", age: 40, createdAt: '2011-10-21', score: 0.03343 },
|
||||
{ id:6, name:"John", age: 20, createdAt: '2011-10-31', score: 0.03343 },
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
// .vuepress/components/sample-timeline.vue
|
||||
<template>
|
||||
<timeline timeline-theme="lightblue">
|
||||
<timeline-title bg-color="#09FFAA">Prehistoric hunters cross over into Canada from Asia</timeline-title>
|
||||
<timeline-item bg-color="#9dd8e0"> Leif Ericsson leads a Viking expedition to the New World</timeline-item>
|
||||
<timeline-item bg-color="#9dFFe0">First Year 1B</timeline-item>
|
||||
<timeline-item bg-color="#FFF000">Accepted Computer Engineering</timeline-item>
|
||||
<timeline-item bg-color="#cFe8eF">The Iroquois Confederacy is formed</timeline-item>
|
||||
<timeline-item bg-color="#97Aec8">John Cabot reaches Newfoundland (or perhaps Cape Breton)</timeline-item>
|
||||
<timeline-item bg-color="#5744D4">Jacques Cartier first explores the St. Lawrence region</timeline-item>
|
||||
<timeline-item bg-color="#0F4859">Second Year 2B</timeline-item>
|
||||
<timeline-item bg-color="#094341">Samuel de Champlain establishes a French colony at Québec City</timeline-item>
|
||||
<timeline-item bg-color="#825F03">Hudson’s Bay Company is formed</timeline-item>
|
||||
<timeline-item bg-color="#954F08">Expulsion of the Acadians</timeline-item>
|
||||
<timeline-item bg-color="#A71490">Battle of the Plains of Abraham: Québec City is captured</timeline-item>
|
||||
<timeline-item bg-color="#C084A9">New France is formally ceded to Britain; Pontiac Rebellion erupts</timeline-item>
|
||||
<timeline-item bg-color="#7B71C2">Loyalist refugees begin arriving after the American Revolution</timeline-item>
|
||||
<timeline-item bg-color="#2348B1">War of 1812: U.S. invades Canada</timeline-item>
|
||||
<timeline-item bg-color="#915F15">Rebellions against British rule in Upper and Lower Canada</timeline-item>
|
||||
<timeline-item bg-color="#0909FA"> Responsible government is won, first in Nova Scotia, then in Canada</timeline-item>
|
||||
</timeline>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Timeline, TimelineItem, TimelineTitle } from 'vue-cute-timeline'
|
||||
|
||||
export default {
|
||||
name: 'sample-timeline',
|
||||
components: {
|
||||
Timeline,
|
||||
TimelineItem,
|
||||
TimelineTitle,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,211 @@
|
|||
// .vuepress/config.js
|
||||
// missing markdownItAds boostnote admonitions
|
||||
const fs = require('fs')
|
||||
const path = require('path')
|
||||
const util = require('util')
|
||||
|
||||
module.exports = {
|
||||
base: '/vuepress-theme-cool-starter/',
|
||||
theme: 'cool',
|
||||
//dest: 'dist',
|
||||
head: [
|
||||
['link', { rel: 'icon', href: '/faviconCustom.ico' }],
|
||||
['link', { rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css' }],
|
||||
['link', {href: 'https://fonts.googleapis.com/icon?family=Material+Icons', rel :'stylesheet'}]
|
||||
],
|
||||
plugins: [
|
||||
'@vuepress/last-updated',
|
||||
'@vuepress/back-to-top',
|
||||
'@vuepress/pwa'
|
||||
],
|
||||
themeConfig: {
|
||||
// logo: './myAvatar.png',
|
||||
sidebar: genSideBar('.'),
|
||||
sidebarDepth: 2,
|
||||
displayAllHeaders: true, // Default: false themeConfig: {
|
||||
nav: genNavBarList(),
|
||||
lastUpdated: 'Last Updated', // string | boolean
|
||||
// Assumes GitHub. Can also be a full GitLab url.
|
||||
repo: 'FriendlyUser/vuepress-theme-cool-starter',
|
||||
// Customising the header label
|
||||
// Defaults to "GitHub"/"GitLab"/"Bitbucket" depending on `themeConfig.repo`
|
||||
repoLabel: 'Contribute!',
|
||||
// Optional options for generating "Edit this page" link
|
||||
// if your docs are in a different repo from your main project:
|
||||
//docsRepo: 'FriendlyUser/markdown-notes-template',
|
||||
// if your docs are not at the root of the repo:
|
||||
//docsDir: 'docs',
|
||||
// if your docs are in a specific branch (defaults to 'master'):
|
||||
docsBranch: 'gh-pages',
|
||||
// defaults to false, set to true to enable
|
||||
editLinks: true,
|
||||
// custom text for edit link. Defaults to "Edit this page"
|
||||
editLinkText: 'Help us improve this page!'
|
||||
|
||||
},
|
||||
title: 'Vuepress Theme Cool Starter',
|
||||
description: 'Example project to get started with the vuepress-theme-cool',
|
||||
configureWebpack: {
|
||||
resolve: {
|
||||
alias: {
|
||||
'@alias': '../img'
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
'@vuepress/pwa': { serviceWorker: true,
|
||||
updatePopup: {
|
||||
message: "New content is available.",
|
||||
buttonText: "Refresh"
|
||||
}
|
||||
}
|
||||
},
|
||||
markdown: {
|
||||
extendMarkdown: md => {
|
||||
md.set({ html: true })
|
||||
md.use(require('markdown-it-katex'))
|
||||
md.use(require('markdown-it-plantuml'))
|
||||
md.use(require('markdown-it-admonition'))
|
||||
md.use(require('markdown-it-task-lists'))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Helper functions
|
||||
function fromDir(startPath,filter,callback){
|
||||
|
||||
//console.log('Starting from dir '+startPath+'/');
|
||||
if (!fs.existsSync(startPath)){
|
||||
console.log("no dir ",startPath);
|
||||
return;
|
||||
}
|
||||
|
||||
var files=fs.readdirSync(startPath);
|
||||
for(var i=0;i<files.length;i++){
|
||||
var filename=path.join(startPath,files[i]);
|
||||
var stat = fs.lstatSync(filename);
|
||||
if (stat.isDirectory()){
|
||||
fromDir(filename,filter,callback); //recurse
|
||||
}
|
||||
else if (filter.test(filename)) callback(filename);
|
||||
};
|
||||
};
|
||||
|
||||
function getDirectories(path) {
|
||||
return fs.readdirSync(path).filter(function (file) {
|
||||
if (file != '.vuepress') {
|
||||
return fs.statSync(path+'/'+file).isDirectory();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function getFilesInDir(directoryName) {
|
||||
var files = []
|
||||
// sidebar settings
|
||||
const relPath = path.join('docs', directoryName)
|
||||
fromDir(relPath,/\.md$/,function(filename){
|
||||
console.log('-- found: ',filename);
|
||||
files.push(filename)
|
||||
});
|
||||
return files
|
||||
}
|
||||
|
||||
// Base file names with removed file extensions
|
||||
function getFilesInDirBase(directoryName) {
|
||||
var files = []
|
||||
// sidebar settings
|
||||
const relPath = path.join('docs', directoryName)
|
||||
fromDir(relPath,/\.md$/,function(filename){
|
||||
let baseName = path.basename(filename)
|
||||
// this it will fail on files without extension, see https://stackoverflow.com/questions/4250364/how-to-trim-a-file-extension-from-a-string-in-javascript
|
||||
baseName = baseName.split('.').slice(0, -1).join('.')
|
||||
|
||||
// Add README as '', and everything else as standard
|
||||
if (baseName.toUpperCase() == 'README') {
|
||||
files.push('Home')
|
||||
}
|
||||
else {
|
||||
files.push(baseName)
|
||||
}
|
||||
});
|
||||
|
||||
return files
|
||||
}
|
||||
|
||||
// pass in the folder relative to the folder docs
|
||||
function genSideBarConfigFolder (titleName, directoryName) {
|
||||
const rawFilePaths = getFilesInDirBase(directoryName)
|
||||
return [
|
||||
{
|
||||
title: titleName,
|
||||
collapsable: true,
|
||||
children: rawFilePaths
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
function genSideBar (directoryName) {
|
||||
const dirNames = getFilesInDirBase(directoryName)
|
||||
let markdownArray = []
|
||||
for (var i = 0; i < dirNames.length; i++) {
|
||||
let stringValue = dirNames[i].toString()
|
||||
if(stringValue === 'Home' || stringValue === '') {
|
||||
markdownArray.push('')
|
||||
} else {
|
||||
markdownArray.push(stringValue)
|
||||
}
|
||||
}
|
||||
const sideBarConfig = {
|
||||
'/': markdownArray
|
||||
}
|
||||
console.log(sideBarConfig)
|
||||
return sideBarConfig
|
||||
}
|
||||
|
||||
// doesn't work, fix later, can't figure out how to generate { text: link:} recursively? Or maybe have another function that returns text: link
|
||||
function genNavBarList() {
|
||||
let dirNames = []
|
||||
// navbar settings
|
||||
dirNames = getFilesInDirBase('.')
|
||||
let navBarNames = [];
|
||||
|
||||
var numOfDirs = dirNames.length;
|
||||
for (var i = 0; i < numOfDirs; i++) {
|
||||
let stringValue = dirNames[i].toString()
|
||||
// convert - to capitialization
|
||||
stringValue = transformToUpperCase(stringValue)
|
||||
let linkValue = '/'
|
||||
if (stringValue !== 'Home') {
|
||||
linkValue = `/${stringValue}/`
|
||||
}
|
||||
|
||||
// @todo change loop to iterate for nested directories
|
||||
if (true) {
|
||||
navBarNames.push(genNavBarItem(stringValue,linkValue))
|
||||
}
|
||||
// last entry
|
||||
else {
|
||||
//navBarNames = navBarNames + "{ text : \'" + stringValue + "\', " + "link: " + "\'/" + stringValue + "/\'}, \n";
|
||||
}
|
||||
}
|
||||
return navBarNames
|
||||
|
||||
}
|
||||
|
||||
function genNavBarItem(textValue, linkValue) {
|
||||
return {
|
||||
text: textValue,
|
||||
link: linkValue
|
||||
}
|
||||
}
|
||||
|
||||
function transformToUpperCase(str) {
|
||||
let upperString = str
|
||||
upperString = upperString.replace(/-/g, ' ');
|
||||
upperString = upperString.split(" ");
|
||||
for (var i = 0, x = upperString.length; i < x; i++) {
|
||||
upperString[i] = upperString[i][0].toUpperCase() + upperString[i].substr(1);
|
||||
}
|
||||
return upperString.join(" ");
|
||||
}
|
||||
|
|
@ -0,0 +1,118 @@
|
|||
// .vuepress/config.js
|
||||
module.exports = {
|
||||
plugins: [
|
||||
'@vuepress/back-to-top',
|
||||
'@vuepress/pwa',
|
||||
{
|
||||
serviceWorker: true,
|
||||
updatePopup: true
|
||||
},
|
||||
,
|
||||
['container', {
|
||||
type: 'vue',
|
||||
before: '<pre class="vue-container"><code>',
|
||||
after: '</code></pre>'
|
||||
}]
|
||||
],
|
||||
port: 3030,
|
||||
base: '/edu-dis-labs/',
|
||||
theme: 'cool',
|
||||
// dest: 'dist',
|
||||
head: [
|
||||
['link', { rel: 'icon', href: '/favicon.ico' }],
|
||||
['link', { rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css' }],
|
||||
['link', {href: 'https://fonts.googleapis.com/icon?family=Material+Icons', rel :'stylesheet'}],
|
||||
|
||||
],
|
||||
themeConfig: {
|
||||
// logo: './myAvatar.png',
|
||||
sidebar: [
|
||||
|
||||
{
|
||||
title: 'Вступ',
|
||||
path:"/intro/"
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Розроблення вимог до системи',
|
||||
path:"/requirements/",
|
||||
children: [
|
||||
"/requirements/state-of-the-art",
|
||||
"/requirements/stakeholders-needs"
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Розроблення вимог до функціональности системи',
|
||||
path:"/use-cases/"
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Проєктування архітектури системи',
|
||||
path:"/design/"
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Реалізація інформаційного та програмного забезпечення',
|
||||
path:"/software/"
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Тестування працездатності системи',
|
||||
path:"/test/"
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Висновки',
|
||||
path:"/conclusion/"
|
||||
},
|
||||
|
||||
|
||||
],
|
||||
sidebarDepth: 2,
|
||||
displayAllHeaders: true, // Default: false
|
||||
|
||||
|
||||
nav: [
|
||||
{ text: 'Початок', link: '/' },
|
||||
],
|
||||
|
||||
lastUpdated: 'Останнє оновлення', // string | boolean
|
||||
// Assumes GitHub. Can also be a full GitLab url.
|
||||
repo: 'http://139.162.162.130:3000/hasslesstech/edu-dis-labs',
|
||||
// Customising the header label
|
||||
// Defaults to "GitHub"/"GitLab"/"Bitbucket" depending on `themeConfig.repo`
|
||||
repoLabel: 'Gitea',
|
||||
|
||||
// Optional options for generating "Edit this page" link
|
||||
|
||||
// if your docs are in a different repo from your main project:
|
||||
// docsRepo: 'boldak/dis-edu',
|
||||
// if your docs are not at the root of the repo:
|
||||
docsDir: 'docs',
|
||||
// if your docs are in a specific branch (defaults to 'master'):
|
||||
docsBranch: 'master',
|
||||
// defaults to false, set to true to enable
|
||||
// editLinks: true,
|
||||
// custom text for edit link. Defaults to "Edit this page"
|
||||
// editLinkText: 'Ви можете покращити цю сторінку'
|
||||
|
||||
},
|
||||
title: 'Xpertise',
|
||||
description: 'Лабораторні роботи з дисципліни "Організація баз даних"',
|
||||
configureWebpack: {
|
||||
resolve: {
|
||||
alias: {
|
||||
'@alias': '../img'
|
||||
}
|
||||
}
|
||||
},
|
||||
markdown: {
|
||||
extendMarkdown: md => {
|
||||
md.set({ html: true })
|
||||
md.use(require('markdown-it-katex'))
|
||||
md.use(require('markdown-it-plantuml'))
|
||||
md.use(require('markdown-it-admonition'))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
import Vuex from 'vuex'
|
||||
|
||||
import VueChartkick from 'vue-chartkick'
|
||||
import Chart from 'chart.js'
|
||||
import VueGoodTablePlugin from 'vue-good-table';
|
||||
|
||||
// The styles are important in another component because of the way webpack is configured
|
||||
// import 'vue-good-table/dist/vue-good-table.css'
|
||||
export default ({ Vue, options, router, siteData }) => {
|
||||
Vue.use(Vuex)
|
||||
Vue.use(VueChartkick, {adapter: Chart})
|
||||
Vue.use(VueGoodTablePlugin)
|
||||
Vue.mixin({
|
||||
computed: {
|
||||
$title() {
|
||||
const page = this.$page
|
||||
const siteTitle = this.$siteTitle
|
||||
const selfTitle = page.frontmatter.home ? null : (
|
||||
page.frontmatter.title || // explicit title
|
||||
(page.title ? page.title.replace(/[_`]/g, '') : '') // inferred title
|
||||
)
|
||||
return siteTitle
|
||||
? selfTitle
|
||||
? (selfTitle + ' | ' + siteTitle)
|
||||
: siteTitle
|
||||
: selfTitle || 'VuePress'
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 232 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 246 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 281 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 214 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 314 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 274 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
|
|
@ -0,0 +1,16 @@
|
|||
<pre>
|
||||
|
||||
Copyright 2021 Andrey Boldak Licensed under the
|
||||
Educational Community License, Version 2.0 (the "License"); you may
|
||||
not use this file except in compliance with the License. You may
|
||||
obtain a copy of the License at
|
||||
|
||||
https://opensource.org/licenses/ECL-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing,
|
||||
software distributed under the License is distributed on an "AS IS"
|
||||
BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
|
||||
or implied. See the License for the specific language governing
|
||||
permissions and limitations under the License.
|
||||
|
||||
</pre>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,7 @@
|
|||
import quiz1 from './quiz1.json'
|
||||
import quiz2 from './quiz2.json'
|
||||
|
||||
export {
|
||||
quiz1,
|
||||
quiz2
|
||||
}
|
||||
|
|
@ -0,0 +1,185 @@
|
|||
{
|
||||
"user": "Dave",
|
||||
"questions": [
|
||||
{
|
||||
"text": "What is the full form of HTTP?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "Hyper text transfer package"
|
||||
},
|
||||
{
|
||||
"text": "Hyper text transfer protocol",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "Hyphenation text test program"
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "HTML document start and end with which tag pairs?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "HTML",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "WEB"
|
||||
},
|
||||
{
|
||||
"text": "HEAD"
|
||||
},
|
||||
{
|
||||
"text": "BODY"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "Which tag is used to create body text in HTML?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "HEAD"
|
||||
},
|
||||
{
|
||||
"text": "BODY",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "TITLE"
|
||||
},
|
||||
{
|
||||
"text": "TEXT"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "Outlook Express is _________",
|
||||
"responses": [
|
||||
{
|
||||
"text": "E-Mail Client",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "Browser"
|
||||
},
|
||||
{
|
||||
"text": "Search Engine"
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "What is a search engine?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "A hardware component "
|
||||
},
|
||||
{
|
||||
"text": "A machinery engine that search data"
|
||||
},
|
||||
{
|
||||
"text": "A web site that searches anything",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "A program that searches engines"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "What does the .com domain represents?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "Network"
|
||||
},
|
||||
{
|
||||
"text": "Education"
|
||||
},
|
||||
{
|
||||
"text": "Commercial",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "In Satellite based communication, VSAT stands for? ",
|
||||
"responses": [
|
||||
{
|
||||
"text": " Very Small Aperture Terminal",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "Varying Size Aperture Terminal "
|
||||
},
|
||||
{
|
||||
"text": "Very Small Analog Terminal"
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "What is the full form of TCP/IP? ",
|
||||
"responses": [
|
||||
{
|
||||
"text": "Telephone call protocol / international protocol"
|
||||
},
|
||||
{
|
||||
"text": "Transmission control protocol / internet protocol",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "Transport control protocol / internet protocol "
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "What is the full form of HTML?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "Hyper text marking language"
|
||||
},
|
||||
{
|
||||
"text": "Hyphenation text markup language "
|
||||
},
|
||||
{
|
||||
"text": "Hyper text markup language",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "Hyphenation test marking language"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "\"Yahoo\", \"Infoseek\" and \"Lycos\" are _________?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "Browsers "
|
||||
},
|
||||
{
|
||||
"text": "Search Engines",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "News Group"
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
{
|
||||
"user": "Dave",
|
||||
"questions": [
|
||||
{
|
||||
"text": "Who is the Batman",
|
||||
"responses": [
|
||||
{
|
||||
"text": "Laughing Bat"
|
||||
},
|
||||
{
|
||||
"text": "Bruce Wayne",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "Dick Grayson"
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"text": "\"Yahoo\", \"Infoseek\" and \"Lycos\" are _________?",
|
||||
"responses": [
|
||||
{
|
||||
"text": "Browsers "
|
||||
},
|
||||
{
|
||||
"text": "Search Engines",
|
||||
"correct": true
|
||||
},
|
||||
{
|
||||
"text": "News Group"
|
||||
},
|
||||
{
|
||||
"text": "None of the above"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,179 @@
|
|||
@import url(https://fonts.googleapis.com/icon?family=Material+Icons)
|
||||
.admonition.note,
|
||||
.admonition.hint,
|
||||
.admonition.danger,
|
||||
.admonition.caution,
|
||||
.admonition.error,
|
||||
.admonition.attention {
|
||||
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
|
||||
position: relative;
|
||||
margin: 1.5625em 0;
|
||||
padding: 0 1.2rem;
|
||||
border-left: 0.4rem solid #448aff;
|
||||
border-radius: 0.2rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
html .admonition>:last-child {
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.admonition .admonition {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.admonition p {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.admonition.note>.admonition-title:before,
|
||||
.admonition.hint>.admonition-title:before,
|
||||
.admonition.danger>.admonition-title:before,
|
||||
.admonition.caution>.admonition-title:before,
|
||||
.admonition.error>.admonition-title:before,
|
||||
.admonition.attention>.admonition-title:before {
|
||||
position: absolute;
|
||||
left: 1.2rem;
|
||||
font-family: "Material Icons";
|
||||
font-size: 24px;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
|
||||
.admonition.note>.admonition-title,
|
||||
.admonition.hint>.admonition-title,
|
||||
.admonition.danger>.admonition-title,
|
||||
.admonition.caution>.admonition-title,
|
||||
.admonition.error>.admonition-title,
|
||||
.admonition.attention>.admonition-title {
|
||||
margin: 0 -1.2rem;
|
||||
padding: 0.8rem 1.2rem 0.8rem 4rem;
|
||||
border-bottom: 0.1rem solid rgba(68,138,255,0.1);
|
||||
background-color: rgba(68,138,255,0.1);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.admonition>.admonition-title:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.admonition.note {
|
||||
border-left-color: #448aff;
|
||||
}
|
||||
|
||||
.admonition.note>.admonition-title {
|
||||
border-bottom-color: 0.1rem solid rgba(68,138,255,0.1);
|
||||
background-color: rgba(68,138,255,0.1);
|
||||
}
|
||||
|
||||
.admonition.note>.admonition-title:before {
|
||||
color: #448aff;
|
||||
content: "note";
|
||||
}
|
||||
|
||||
.admonition.hint {
|
||||
border-left-color: #00bfa5;
|
||||
}
|
||||
|
||||
.admonition.hint>.admonition-title {
|
||||
border-bottom-color: 0.1rem solid rgba(0,191,165,0.1);
|
||||
background-color: rgba(0,191,165,0.1);
|
||||
}
|
||||
|
||||
.admonition.hint>.admonition-title:before {
|
||||
color: #00bfa5;
|
||||
content: "info";
|
||||
}
|
||||
|
||||
.admonition.danger {
|
||||
border-left-color: #ff1744;
|
||||
}
|
||||
|
||||
.admonition.danger>.admonition-title {
|
||||
border-bottom-color: 0.1rem solid rgba(255,23,68,0.1);
|
||||
background-color: rgba(255,23,68,0.1);
|
||||
}
|
||||
|
||||
.admonition.danger>.admonition-title:before {
|
||||
color: #ff1744;
|
||||
content: "block";
|
||||
}
|
||||
|
||||
.admonition.caution {
|
||||
border-left-color: #ff9100;
|
||||
}
|
||||
|
||||
.admonition.caution>.admonition-title {
|
||||
border-bottom-color: 0.1rem solid rgba(255,145,0,0.1);
|
||||
background-color: rgba(255,145,0,0.1);
|
||||
}
|
||||
|
||||
.admonition.caution>.admonition-title:before {
|
||||
color: #ff9100;
|
||||
content: "warning";
|
||||
}
|
||||
|
||||
.admonition.error {
|
||||
border-left-color: #ff1744;
|
||||
}
|
||||
|
||||
.admonition.error>.admonition-title {
|
||||
border-bottom-color: 0.1rem solid rgba(255,23,68,0.1);
|
||||
background-color: rgba(255,23,68,0.1);
|
||||
}
|
||||
|
||||
.admonition.error>.admonition-title:before {
|
||||
color: #ff1744;
|
||||
content: "error";
|
||||
}
|
||||
|
||||
.admonition.attention {
|
||||
border-left-color: #64dd17;
|
||||
}
|
||||
|
||||
.admonition.attention>.admonition-title {
|
||||
border-bottom-color: 0.1rem solid rgba(100,221,23,0.1);
|
||||
background-color: rgba(100,221,23,0.1);
|
||||
}
|
||||
|
||||
.admonition.attention>.admonition-title:before {
|
||||
color: #64dd17;
|
||||
content: "priority_high";
|
||||
}
|
||||
|
||||
body {
|
||||
font-size 16px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.theme-default-content:not(.custom) {
|
||||
max-width: 950px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem 2.5rem;
|
||||
}
|
||||
|
||||
.sidebar-heading {
|
||||
color: #2c3e50;
|
||||
transition: color 0.15s ease;
|
||||
cursor: pointer;
|
||||
font-size: 1em !important;
|
||||
font-weight: 500 !important;
|
||||
padding: 0.35rem 1.5rem 0.35rem 1.25rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
border-left: 0.25rem solid transparent;
|
||||
}
|
||||
|
|
@ -0,0 +1,89 @@
|
|||
// showing default values
|
||||
$accentColor = #0984e3
|
||||
$textColor = #2c3e50
|
||||
$borderColor = #eaecef
|
||||
$codeBgColor = #282c34
|
||||
|
||||
$admonition
|
||||
box-shadow 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)
|
||||
position relative
|
||||
margin 1.5625em 0
|
||||
padding 0 1.2rem
|
||||
border-left .4rem solid #448aff
|
||||
border-radius .2rem
|
||||
overflow auto
|
||||
|
||||
html .admonition>:last-child
|
||||
margin-bottom 1.2rem
|
||||
|
||||
.admonition .admonition
|
||||
margin 1em 0
|
||||
|
||||
.admonition p
|
||||
margin-top: 0.5em
|
||||
|
||||
$admonition-icon
|
||||
position absolute
|
||||
left 1.2rem
|
||||
font-family: "Material Icons"
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
|
||||
$admonition-title
|
||||
margin 0 -1.2rem
|
||||
padding .8rem 1.2rem .8rem 4rem
|
||||
border-bottom .1rem solid rgba(68,138,255,.1)
|
||||
background-color rgba(68,138,255,.1)
|
||||
font-weight 700
|
||||
|
||||
.admonition>.admonition-title:last-child
|
||||
margin-bottom 0
|
||||
|
||||
admonition_types = {
|
||||
note: {color: #0288D1, icon: "edit_sharp"},
|
||||
abstract: {color: #c5d845, icon: "speaker_notes_filled"},
|
||||
info: {color: #19d8f5, icon: "info"}
|
||||
tip: {color: #00bfa5, icon: "code"},
|
||||
success: {color: #00c853, icon: "check_circle_outline"},
|
||||
question: {color: #64dd17, icon: "help"},
|
||||
warning: {color: #ff9100, icon: "warning"},
|
||||
failure: {color: #ff5252, icon: "close"},
|
||||
danger: {color: #c2185b, icon: "flash_on"},
|
||||
bug: {color: #e040fb, icon: "bug_report"},
|
||||
example: {color: #651fff, icon: "format_list_numbered_rtl"},
|
||||
quote: {color: #9e9e9e, icon: "format_quote"}
|
||||
}
|
||||
|
||||
for name, val in admonition_types
|
||||
.admonition.{name}
|
||||
@extend $admonition
|
||||
border-left-color: val[color]
|
||||
|
||||
.admonition.{name}>.admonition-title
|
||||
@extend $admonition-title
|
||||
border-bottom-color: .1rem solid rgba(val[color], 0.2)
|
||||
background-color: rgba(val[color], 0.2)
|
||||
|
||||
.admonition.{name}>.admonition-title:before
|
||||
@extend $admonition-icon
|
||||
color: val[color]
|
||||
content: val[icon]
|
||||
Loading…
Reference in New Issue