Spaces:

Cpp4App
/

Cpp4App_test

Sleeping

App Files Files Community

HaochenGong commited on Aug 13, 2024

Commit

fbd4c35

1 Parent(s): 10f2544

debug

Browse files

Files changed (2) hide show

.idea/workspace.xml +16 -3
web_page.html +240 -1

.idea/workspace.xml CHANGED Viewed

@@ -5,7 +5,6 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="5e4481c0-7ba2-42e4-bbe6-4c36a0d36baa" name="Changes" comment="debug">
-      <change beforePath="$PROJECT_DIR$/app.py" beforeDir="false" afterPath="$PROJECT_DIR$/app.py" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/web_page.html" beforeDir="false" afterPath="$PROJECT_DIR$/web_page.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -62,7 +61,7 @@
       <updated>1723386888312</updated>
       <workItem from="1723386893769" duration="12000" />
       <workItem from="1723386970626" duration="451000" />
-      <workItem from="1723387453009" duration="25335000" />
     </task>
     <task id="LOCAL-00001" summary="create">
       <created>1723387548126</created>
@@ -253,7 +252,21 @@
       <option name="project" value="LOCAL" />
       <updated>1723534505262</updated>
     </task>
-    <option name="localTasksCounter" value="28" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">

   </component>
   <component name="ChangeListManager">
     <list default="true" id="5e4481c0-7ba2-42e4-bbe6-4c36a0d36baa" name="Changes" comment="debug">
       <change beforePath="$PROJECT_DIR$/web_page.html" beforeDir="false" afterPath="$PROJECT_DIR$/web_page.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
       <updated>1723386888312</updated>
       <workItem from="1723386893769" duration="12000" />
       <workItem from="1723386970626" duration="451000" />
+      <workItem from="1723387453009" duration="26355000" />
     </task>
     <task id="LOCAL-00001" summary="create">
       <created>1723387548126</created>
       <option name="project" value="LOCAL" />
       <updated>1723534505262</updated>
     </task>
+    <task id="LOCAL-00028" summary="debug">
+      <created>1723536945468</created>
+      <option name="number" value="00028" />
+      <option name="presentableId" value="LOCAL-00028" />
+      <option name="project" value="LOCAL" />
+      <updated>1723536945468</updated>
+    </task>
+    <task id="LOCAL-00029" summary="debug">
+      <created>1723537088360</created>
+      <option name="number" value="00029" />
+      <option name="presentableId" value="LOCAL-00029" />
+      <option name="project" value="LOCAL" />
+      <updated>1723537088360</updated>
+    </task>
+    <option name="localTasksCounter" value="30" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">

web_page.html CHANGED Viewed

@@ -3,7 +3,246 @@
 <head>
     <meta charset="UTF-8">
     <title>Cpp4App Test</title>
-    <link rel="stylesheet" type="text/css" href="https://buyanghc.github.io/web_page.css">
 </head>
 <body>

 <head>
     <meta charset="UTF-8">
     <title>Cpp4App Test</title>
+<!--    <link rel="stylesheet" type="text/css" href="https://buyanghc.github.io/web_page.css">-->
+    <style>
+        body{
+            margin: 0;  /* Remove the default margin */
+            padding: 0;
+            min-width: 100vw;  /* Set the body's minimum width and height to the window's width and height */
+            min-height: 100vh;
+            background-color: white;  /* Set the background color to white */
+            overflow-x: hidden;  /* Hide the horizontal overflow (scrollbar only in the vertical direction) */
+            display: flex !important;
+            flex-direction: column !important; /* 按列布局 */
+            align-items: center !important;
+            color: rgb(40, 40, 40);
+        }
+        .title{
+            width: 100%;
+            height: 485px;
+            display: flex;
+        }
+        .title_half{
+            width: 50%;
+            height: 100%;
+        }
+        .title_half img{
+            width: 100%;
+            height: auto;
+        }
+        .title_content{
+            display: flex;
+            flex-direction: column; /* 按列布局 */
+            justify-content: center; /* 垂直方向居中 */
+            padding-left: 120px;
+            padding-right: 120px;
+            box-sizing: border-box;
+        }
+        .title_half p{
+            font-size: 22px;
+            font-weight: bolder;
+            margin-top: -10px;
+        }
+        h1{
+            font-size: 80px;
+            font-weight: bolder;
+        }
+        .choice{
+            display: flex;
+            width: 100%;
+            height: 80px;
+            margin-top: 50px;
+        }
+        .choice_btn{
+            width: 150px;
+            height: 50px;
+            display: flex;
+            flex-direction: column; /* 按列布局 */
+            justify-content: center; /* 垂直方向居中 */
+            align-items: center;
+            border-radius: 5px;
+            transition: color 0.3s ease, background-color 0.3s ease;
+        }
+        .start{
+            background-color: rgb(40, 40, 40);
+            color: white !important;
+            margin-right: 20px;
+            text-decoration: none !important;
+        }
+        .start:hover{
+            background-color: rgb(117, 209, 255) !important;
+        }
+        .view_examples{
+            color: rgb(40, 40, 40) !important;
+        }
+        .view_examples:hover{
+            color: rgb(24, 157, 246) !important;
+        }
+        .examples{
+            width: 84%;
+            margin-top: 80px;
+        }
+        .head{
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+        }
+        h2{
+            font-size: 47px;
+            font-weight: bolder;
+        }
+        .examples p{
+            font-size: 18px;
+            font-weight: bolder;
+            margin-top: -10px;
+            margin-bottom: 50px;
+        }
+        .img_box{
+            display: flex;
+            justify-content: space-between;
+        }
+        .eg{
+            width: 25%;
+        }
+        .eg img{
+            width: 100%;
+            height: auto;
+            border: 3px solid rgb(188, 204, 212);
+            transition: border-color 0.5s ease, border-width 0.5s ease;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+        .eg img:hover{
+            border-color: rgb(117, 209, 255); /* 悬停时边框颜色 */
+            border-width: 3px; /* 悬停时边框粗细 */
+        }
+        .eg p{
+            width: 100%;
+            height: 60px;
+            display: flex;
+            flex-direction: column; /* 按列布局 */
+            justify-content: center; /* 垂直方向居中 */
+            align-items: center;
+            margin: 0;
+            font-style: italic;
+        }
+        .workspace{
+            width: 84%;
+            margin-top: 80px;
+            margin-bottom: 180px;
+            display: flex;
+            flex-direction: column; /* 按列布局 */
+            align-items: center;
+        }
+        .workspace_btn{
+            width: 350px;
+            display: flex;
+            justify-content: space-between; /* 垂直方向居中 */
+            align-items: center;
+        }
+        .btn{
+            width: 150px;
+            height: 45px;
+            border: 2px solid rgb(40, 40, 40);
+            transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
+            border-radius: 2px;
+            cursor: pointer;
+        }
+        .run{
+            color: white !important;
+            background-color: rgb(40, 40, 40) !important;
+        }
+        .btn:hover{
+            color: white !important;
+            background-color: rgb(117, 209, 255) !important;
+            border: white !important;
+        }
+        .space{
+            width: 80%;
+        }
+        label{
+            font-size: 18px;
+            font-weight: bolder;
+        }
+        .step1{
+            display: flex;
+            flex-direction: column; /* 按列布局 */
+            margin-top: 30px;
+        }
+        .url{
+            height: 50px;
+            margin-top: 20px;
+            margin-bottom: 100px;
+            font-size: 20px;
+            color: rgb(194, 194, 194);
+            padding-left: 10px;
+            border: 2px solid rgb(40, 40, 40);
+            border-radius: 5px;
+        }
+        .step2{
+            display: flex;
+            justify-content: space-between;
+        }
+        .img{
+            display: flex;
+            flex-direction: column; /* 按列布局 */
+            width: 40%;
+        }
+        .point{
+            width: 18%;
+            display: flex;
+            flex-direction: column; /* 按列布局 */
+            justify-content: center;
+            align-items: center;
+        }
+        .point img{
+            width: 80%;
+            height: auto;
+        }
+        .phone{
+            width: 100%;
+            height: 750px;
+            border: 2px solid rgb(40, 40, 40);
+            border-radius: 5px;
+            margin-top: 20px;
+        }
+    </style>
 </head>
 <body>