Merge pull request #38 from CodeforcesContestHelper/dev

New function added 🎉
CodeforcesContestHelper · Dec 2, 2021 · f32d2fd · f32d2fd
2 parents 85d75ea + 66cbd3f
commit f32d2fd
Show file tree

Hide file tree

Showing 17 changed files with 1,427 additions and 76 deletions.
diff --git a/README.md b/README.md
@@ -24,4 +24,4 @@ https://afdian.net/@cfcontesthelper
 ## Chatting
 
 - Discord: [click here](https://discord.gg/natZEphAmS)
-- QQ: group number: 458610798
+- QQ: group number: 458610798
diff --git a/contest.html b/contest.html
@@ -29,7 +29,7 @@
 	</head>
 	<body>
 		<link class="ThemeTypeIf" rel="stylesheet" href="./css/contest/dark.css">
-		<script class="cssControler"></script>
+		<script class="cssController"></script>
 		<div class="HtmlContainer">
 			<div class="mainWrapper">
 				<img alt="User Avatar" class="singleUserAvatar">

diff --git a/css/client.css b/css/client.css
@@ -16,8 +16,8 @@ body{
 	margin: 0px;
 }
 :root{
-	--font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono','Monospace', sans-serif;
-	--editor-font-family:  'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono','Monospace', sans-serif;
+	--font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif;
+	--editor-font-family:  'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif;
 }
 .HtmlContainer{
 	width: 1000px;
@@ -787,7 +787,17 @@ img[src=""],img:not([src]){opacity:0;}
 	width: calc(100% - 210px);
 	position: relative;
 }
-.eventCloseButton{
+.userInfoDisplayer{
+	user-select: text;
+	text-align: left !important;
+	font-size: 16px !important;
+	padding: 5px;
+	border-radius: 5px;
+	height: calc(100% - 440px);
+	width: calc(100% - 450px);
+	position: relative;
+}
+.eventCloseButton, .userInfoCloseButton{
 	position: absolute;
 	right: 15px;
 	top: 10px;
@@ -958,6 +968,31 @@ pre{
 	place-items: center;
 }
 
+/* MODULES */
+.modulesPage{
+	padding: 0px 50px;
+	overflow-y: scroll;
+	width: calc(100% - 100px);
+	position: relative;
+	height: 100%;
+}
+.modulesBlock{
+	padding: 10px;
+	width: calc(100% - 20px);
+	height: 90px;
+	border-radius: 5px;
+	display: flex;
+	flex-direction: row;
+	margin: 25px 0px;
+}
+.modulesTitle{
+	font-size: 20px;
+}
+.modulesDesc{
+	font-size: 16px;
+	color: #777;
+}
+
 /* SETTINGS */
 .settingPage{
 	padding: 0px 50px;
@@ -1282,16 +1317,143 @@ pre{
 
 
 /* PROFILE */
-.infoUserSelector{
+.profileTagsBar{
+	width: calc(100% - 50px);
+	height: 10px;
+	border-radius: 5px;
+	margin: 20px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: row;
+	position: relative;
+}
+.profileProblemMain{
+	flex: 1;
+	padding: 5px 10px;
+	border-radius: 5px;
+	width: calc(100% - 50px);
+	height: 20px;
+	overflow-y: auto;
+}
+.profileProblemBlock{
+	width: calc(100% - 10px);
+	border: 3px 5px;
+	display: flex;
+	flex-direction: row;
+	font-size: 16px;
+	margin: 5px 0px;
+}
+.profileProblemTags{
+	width: calc(100% - 10px);
+	text-align: right;
+	font-size: 16px;
+	margin: 5px 0px;
+}
+.profileProblemTags > .profileTagBox{
+	margin: 0px 3px !important;
+	font-size: 12px !important;
+}
+.profileProblemSummary{
+	justify-content: center;
+	padding: 5px 10px;
+	border-radius: 5px;
+	width: calc(100% - 50px);
+	height: 20px;
+	margin: 20px 10px;
+	margin-top: 10px;
+	display: flex;
+	flex-direction: row;
+}
+.problemTagsBarContent{
+	height: 10px;
+	transition: 0.3s;
+}
+.problemTagsBarContent:hover{
+	opacity: 0.7;
+}
+.profileTagsDisplayer{
+	padding: 5px 10px;
+	border-radius: 5px;
+	width: calc(100% - 50px);
+	height: 100px;
+	overflow-y: auto;
+}
+.profileTagBox{
+	display: inline-block;
+	margin: 3px;
+	padding: 3px 5px;
+	border-radius: 5px;
+	cursor: pointer;
+}
+.profileRatingGraph{
+	border-radius: 5px;
+	margin: 15px;
+	width: calc(100% - 50px);
+	padding: 10px;
+	height: 100px;
+	position: relative;
+}
+.infoOptions .disabled, .userInfoOptions .disabled{
+	color: #777;
+}
+.infoBlock{
+	width: calc(100% - 40px);
+	margin: 10px 20px;
+	border-radius: 5px;
+	overflow: hidden;
+}
+.inputButtonSplitter{
+	display: flex;
+	flex-direction: row;
+	height: 50px;
 	width: calc(100% - 10px);
 	padding: 5px;
+	border-radius: 5px;
+	background: rgba(127, 127, 127, 0.4);
+	position: relative;
+}
+.inputButtonSplitterTitle{
 	position: absolute;
 	top: 0px;
+	height: 22px;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	background: rgba(127, 127, 127, 1);
+	font-size: 16px;
+	padding: 0px 10px;
+	border-radius: 5px;
+}
+.inputButtonSplitter > input{
+	margin-top: 10px;
+	background: transparent;
+	width: calc(100% - 40px);
+	font-family: var(--font-family);
+	font-size: 20px;
+}
+.inputButtonSplitter > button{
+	margin-top: 10px;
+	cursor: pointer;
+	margin-left: 10px;
+	width: 40px;
 	transition: 0.2s;
+	height: 40px;
+	border-radius: 5px;
+	font-size: 20px;
+	display: grid;
+	place-items: center;
+	outline: 0;
+}
+.profileSelectIf{
+	transition: 0.3s;
+	height: 20px;
+	width: 20px;
+	border-radius: 10px;
+	margin: 0px 3px;
+	cursor: pointer;
+	display: grid;
+	place-items: center;
+	font-size: 14px;
 }
-
-
-
 
 
 .setInlineBlock{

diff --git a/css/dark.css b/css/dark.css
@@ -101,13 +101,13 @@ body{
 .submissionDisplayer > div:first-child > div:first-child{
     background: rgb(35, 40, 45);
 }
-.submissionCodeDisplayer, .eventDisplayer{
+.submissionCodeDisplayer, .eventDisplayer, .userInfoDisplayer{
     background: rgb(35, 40, 45);
 }
-.eventCloseButton{
+.eventCloseButton, .userInfoCloseButton{
     background: #555;
 }
-.eventCloseButton:hover{
+.eventCloseButton:hover, .userInfoCloseButton:hover{
     background: #666;
 }
 .settingsLoginButton, .settingsLoginType{
@@ -147,14 +147,41 @@ body{
 .multiOddLine{
     background: #333;
 }
+.infoBlock{
+    background: rgb(51, 56, 61);
+}
+.infoBlockTitle{
+    background: rgb(56, 61, 66);
+}
+.modulesBlock{
+    background: rgb(51, 56, 61);
+}
+.profileTagsDisplayer, .profileRatingGraph, .profileProblemSummary, .profileProblemMain{
+    background: rgb(51, 56, 61);
+}
+.profileSelectIf:hover{
+    background: rgb(71, 76, 81);
+}
+.profileSelectIf.selected{
+    background: #777;
+}
 
 
 
 
-
-
-
-
+.infoChangeUsernameInterface{
+    background: #302e35;
+}
+.inputButtonSplitter > button{
+    border: 1px solid #777;
+    color: white;
+}
+.inputButtonSplitter > input{
+    border: 0;
+    border-bottom: 1px solid #888;
+    color: white;
+    outline: none;
+}
 .blockManager{
     background: rgb(46, 51, 56);
 }

diff --git a/css/default.css b/css/default.css
@@ -99,19 +99,19 @@ body{
     outline: none;
 }
 .loadingInterface{
-	background: rgba(200, 200, 200, 0.95);
+	background: rgba(200, 200, 200, 0.85);
 	color: black;
 }
 .submissionDisplayer > div:first-child > div:first-child{
     background: #eee;
 }
-.submissionCodeDisplayer, .eventDisplayer{
+.submissionCodeDisplayer, .eventDisplayer, .userInfoDisplayer{
     background: #ddd;
 }
-.eventCloseButton{
+.eventCloseButton, .userInfoCloseButton{
     background: #ccc;
 }
-.eventCloseButton:hover{
+.eventCloseButton:hover, .userInfoCloseButton:hover{
     background: #bbb;
 }
 .settingsLoginButton, .settingsLoginType{
@@ -150,13 +150,38 @@ body{
 .multiOddLine{
     background: #ccc;
 }
+.infoBlock{
+    background: #ccc;
+}
 
-
-
-
-
-
-
+.addProblemInterface{
+    background: #ddd;
+}
+.inputButtonSplitter > button{
+    border: 1px solid #777;
+    color: white;
+}
+.inputButtonSplitter > input{
+    border: 0;
+    border-bottom: 1px solid #777;
+    color: black;
+    outline: none;
+}
+.infoBlockTitle{
+    background: #bbb;
+}
+.modulesBlock{
+    background: #ccc;
+}
+.profileTagsDisplayer, .profileRatingGraph, .profileProblemSummary, .profileProblemMain{
+    background: #ccc;
+}
+.profileSelectIf:hover{
+    background: #bbb;
+}
+.profileSelectIf.selected{
+    background: #aaa;
+}