mirror of https://github.com/Kylart/KawAnime.git
Page plan for info page finished.
Some design to do on this page left.
This commit is contained in:
Kylart
parent
9be18f309b
commit
ae577273e0
|
|
@ -4,21 +4,34 @@
|
|||
<inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
|
||||
<option name="myValues">
|
||||
<value>
|
||||
<list size="8">
|
||||
<item index="0" class="java.lang.String" itemvalue="v-bind:class" />
|
||||
<list size="4">
|
||||
<item index="0" class="java.lang.String" itemvalue="@keydown.enter" />
|
||||
<item index="1" class="java.lang.String" itemvalue="v-on:click" />
|
||||
<item index="2" class="java.lang.String" itemvalue="v-if" />
|
||||
<item index="3" class="java.lang.String" itemvalue="v-bind:src" />
|
||||
<item index="4" class="java.lang.String" itemvalue="v-bind:href" />
|
||||
<item index="5" class="java.lang.String" itemvalue="@keydown.enter" />
|
||||
<item index="6" class="java.lang.String" itemvalue="v-else" />
|
||||
<item index="7" class="java.lang.String" itemvalue="v-show" />
|
||||
<item index="2" class="java.lang.String" itemvalue="v-bind:style" />
|
||||
<item index="3" class="java.lang.String" itemvalue="v-for" />
|
||||
</list>
|
||||
</value>
|
||||
</option>
|
||||
<option name="myCustomValuesEnabled" value="true" />
|
||||
</inspection_tool>
|
||||
<inspection_tool class="UnterminatedStatementJS" enabled="false" level="WARNING" enabled_by_default="false" level="0">
|
||||
<inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
|
||||
<option name="myValues">
|
||||
<value>
|
||||
<list size="8">
|
||||
<item index="0" class="java.lang.String" itemvalue="nobr" />
|
||||
<item index="1" class="java.lang.String" itemvalue="noembed" />
|
||||
<item index="2" class="java.lang.String" itemvalue="comment" />
|
||||
<item index="3" class="java.lang.String" itemvalue="noscript" />
|
||||
<item index="4" class="java.lang.String" itemvalue="embed" />
|
||||
<item index="5" class="java.lang.String" itemvalue="script" />
|
||||
<item index="6" class="java.lang.String" itemvalue="transition" />
|
||||
<item index="7" class="java.lang.String" itemvalue="component" />
|
||||
</list>
|
||||
</value>
|
||||
</option>
|
||||
<option name="myCustomValuesEnabled" value="true" />
|
||||
</inspection_tool>
|
||||
<inspection_tool class="UnterminatedStatementJS" enabled="false" level="WARNING" enabled_by_default="false">
|
||||
<option name="ignoreSemicolonAtEndOfBlock" value="true" />
|
||||
</inspection_tool>
|
||||
</profile>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,12 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ChangeListManager">
|
||||
<list default="true" id="1a0f126d-6f59-4488-9e66-53a3a4c4b99a" name="Default" comment="Information form completely rendered. Now working on displaying the informations.">
|
||||
<change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/resources/formBack.jpg" />
|
||||
<change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/app/InformationPage/index.html" />
|
||||
<change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/app/InformationPage/informations.js" />
|
||||
<change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/app/InformationPage/style.css" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/KawAnime.iml" afterPath="$PROJECT_DIR$/.idea/KawAnime.iml" />
|
||||
<list default="true" id="1a0f126d-6f59-4488-9e66-53a3a4c4b99a" name="Default" comment="">
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" afterPath="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/jsLibraryMappings.xml" afterPath="$PROJECT_DIR$/.idea/jsLibraryMappings.xml" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/app/Downloader/downloader.js" afterPath="$PROJECT_DIR$/app/Downloader/downloader.js" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/app/style.css" afterPath="$PROJECT_DIR$/app/style.css" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/main.js" afterPath="$PROJECT_DIR$/main.js" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/renderer.js" afterPath="$PROJECT_DIR$/renderer.js" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/app/InformationPage/index.html" afterPath="$PROJECT_DIR$/app/InformationPage/index.html" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/app/InformationPage/informations.js" afterPath="$PROJECT_DIR$/app/InformationPage/informations.js" />
|
||||
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/app/InformationPage/style.css" afterPath="$PROJECT_DIR$/app/InformationPage/style.css" />
|
||||
</list>
|
||||
<ignored path="KawAnime.iws" />
|
||||
<ignored path=".idea/workspace.xml" />
|
||||
|
|
@ -38,11 +31,11 @@
|
|||
<splitter split-orientation="horizontal" split-proportion="0.5">
|
||||
<split-first>
|
||||
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
|
||||
<file leaf-file-name="main.js" pinned="false" current-in-tab="true">
|
||||
<file leaf-file-name="main.js" pinned="false" current-in-tab="false">
|
||||
<entry file="file://$PROJECT_DIR$/main.js">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="465">
|
||||
<caret line="95" column="0" lean-forward="true" selection-start-line="95" selection-start-column="0" selection-end-line="95" selection-end-column="0" />
|
||||
<state relative-caret-position="105">
|
||||
<caret line="71" column="5" lean-forward="false" selection-start-line="71" selection-start-column="5" selection-end-line="71" selection-end-column="5" />
|
||||
<folding>
|
||||
<marker date="1479802261000" expanded="true" signature="903:919" ph="{...}" />
|
||||
<marker date="1479802261000" expanded="true" signature="1661:1683" ph="{...}" />
|
||||
|
|
@ -51,43 +44,45 @@
|
|||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
<file leaf-file-name="index.html" pinned="false" current-in-tab="true">
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="262">
|
||||
<caret line="67" column="25" lean-forward="false" selection-start-line="67" selection-start-column="25" selection-end-line="67" selection-end-column="25" />
|
||||
<folding>
|
||||
<element signature="n#style#0;n#h6#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
</folding>
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
</leaf>
|
||||
</split-first>
|
||||
<split-second>
|
||||
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
|
||||
<file leaf-file-name="informations.js" pinned="false" current-in-tab="true">
|
||||
<file leaf-file-name="informations.js" pinned="false" current-in-tab="false">
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/informations.js">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="97">
|
||||
<caret line="13" column="22" lean-forward="true" selection-start-line="13" selection-start-column="22" selection-end-line="13" selection-end-column="22" />
|
||||
<state relative-caret-position="436">
|
||||
<caret line="166" column="37" lean-forward="false" selection-start-line="166" selection-start-column="37" selection-end-line="166" selection-end-column="37" />
|
||||
<folding>
|
||||
<element signature="e#0#41#0" expanded="false" />
|
||||
<marker date="1479805253000" expanded="true" signature="362:1248" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="445:750" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="532:734" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="787:1234" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="838:1001" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="1055:1219" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="435:1374" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="523:843" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="613:824" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="883:1357" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="937:1109" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="1166:1339" ph="..." />
|
||||
</folding>
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
<file leaf-file-name="index.html" pinned="false" current-in-tab="false">
|
||||
<entry file="file://$PROJECT_DIR$/app/Downloader/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="135">
|
||||
<caret line="17" column="17" lean-forward="true" selection-start-line="17" selection-start-column="17" selection-end-line="17" selection-end-column="17" />
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
<file leaf-file-name="style.css" pinned="false" current-in-tab="false">
|
||||
<file leaf-file-name="style.css" pinned="false" current-in-tab="true">
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/style.css">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="510">
|
||||
<caret line="34" column="25" lean-forward="false" selection-start-line="34" selection-start-column="25" selection-end-line="34" selection-end-column="25" />
|
||||
<state relative-caret-position="366">
|
||||
<caret line="54" column="14" lean-forward="true" selection-start-line="54" selection-start-column="14" selection-end-line="54" selection-end-column="14" />
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
|
|
@ -126,11 +121,11 @@
|
|||
<option value="$PROJECT_DIR$/app/style.css" />
|
||||
<option value="$PROJECT_DIR$/renderer.js" />
|
||||
<option value="$PROJECT_DIR$/app/Downloader/downloader.js" />
|
||||
<option value="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" />
|
||||
<option value="$PROJECT_DIR$/main.js" />
|
||||
<option value="$PROJECT_DIR$/app/InformationPage/informations.js" />
|
||||
<option value="$PROJECT_DIR$/app/InformationPage/index.html" />
|
||||
<option value="$PROJECT_DIR$/app/InformationPage/style.css" />
|
||||
<option value="$PROJECT_DIR$/app/InformationPage/informations.js" />
|
||||
<option value="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" />
|
||||
</list>
|
||||
</option>
|
||||
</component>
|
||||
|
|
@ -245,24 +240,6 @@
|
|||
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
|
||||
</PATH_ELEMENT>
|
||||
</PATH>
|
||||
<PATH>
|
||||
<PATH_ELEMENT>
|
||||
<option name="myItemId" value="KawAnime" />
|
||||
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
|
||||
</PATH_ELEMENT>
|
||||
<PATH_ELEMENT>
|
||||
<option name="myItemId" value="KawAnime" />
|
||||
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
|
||||
</PATH_ELEMENT>
|
||||
<PATH_ELEMENT>
|
||||
<option name="myItemId" value="app" />
|
||||
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
|
||||
</PATH_ELEMENT>
|
||||
<PATH_ELEMENT>
|
||||
<option name="myItemId" value="Downloader" />
|
||||
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
|
||||
</PATH_ELEMENT>
|
||||
</PATH>
|
||||
</subPane>
|
||||
</pane>
|
||||
</panes>
|
||||
|
|
@ -378,7 +355,7 @@
|
|||
<workItem from="1479760220542" duration="182000" />
|
||||
<workItem from="1479790065180" duration="429000" />
|
||||
<workItem from="1479792224643" duration="139000" />
|
||||
<workItem from="1479793324139" duration="10696000" />
|
||||
<workItem from="1479793324139" duration="29963000" />
|
||||
</task>
|
||||
<task id="LOCAL-00001" summary="Initial Commit">
|
||||
<created>1479738802565</created>
|
||||
|
|
@ -422,17 +399,24 @@
|
|||
<option name="project" value="LOCAL" />
|
||||
<updated>1479760351857</updated>
|
||||
</task>
|
||||
<option name="localTasksCounter" value="7" />
|
||||
<task id="LOCAL-00007" summary="Information form completely rendered. Now working on displaying the informations.">
|
||||
<created>1479805365878</created>
|
||||
<option name="number" value="00007" />
|
||||
<option name="presentableId" value="LOCAL-00007" />
|
||||
<option name="project" value="LOCAL" />
|
||||
<updated>1479805365878</updated>
|
||||
</task>
|
||||
<option name="localTasksCounter" value="8" />
|
||||
<servers />
|
||||
</component>
|
||||
<component name="TimeTrackingManager">
|
||||
<option name="totallyTimeSpent" value="77508000" />
|
||||
<option name="totallyTimeSpent" value="96775000" />
|
||||
</component>
|
||||
<component name="ToolWindowManager">
|
||||
<frame x="0" y="0" width="1280" height="800" extended-state="0" />
|
||||
<editor active="true" />
|
||||
<layout>
|
||||
<window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.13264495" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
|
||||
<window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.13264495" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
|
||||
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32876712" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
|
||||
|
|
@ -440,7 +424,7 @@
|
|||
<window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.24246575" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24246575" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
|
||||
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
|
||||
<window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
|
||||
|
|
@ -886,21 +870,6 @@
|
|||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/renderer.js">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="2535">
|
||||
<caret line="171" column="30" lean-forward="false" selection-start-line="171" selection-start-column="30" selection-end-line="171" selection-end-column="30" />
|
||||
<folding>
|
||||
<marker date="1479798322000" expanded="true" signature="2329:3030" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2439:3007" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2484:2572" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2619:2982" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2668:2743" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2791:2955" ph="..." />
|
||||
</folding>
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="60">
|
||||
|
|
@ -917,22 +886,6 @@
|
|||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/app/Downloader/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="135">
|
||||
<caret line="17" column="17" lean-forward="true" selection-start-line="17" selection-start-column="17" selection-end-line="17" selection-end-column="17" />
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/style.css">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="510">
|
||||
<caret line="34" column="25" lean-forward="false" selection-start-line="34" selection-start-column="25" selection-end-line="34" selection-end-column="25" />
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="300">
|
||||
|
|
@ -941,18 +894,10 @@
|
|||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="330">
|
||||
<caret line="22" column="7" lean-forward="true" selection-start-line="22" selection-start-column="7" selection-end-line="22" selection-end-column="7" />
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/main.js">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="465">
|
||||
<caret line="95" column="0" lean-forward="true" selection-start-line="95" selection-start-column="0" selection-end-line="95" selection-end-column="0" />
|
||||
<state relative-caret-position="105">
|
||||
<caret line="71" column="5" lean-forward="false" selection-start-line="71" selection-start-column="5" selection-end-line="71" selection-end-column="5" />
|
||||
<folding>
|
||||
<marker date="1479802261000" expanded="true" signature="903:919" ph="{...}" />
|
||||
<marker date="1479802261000" expanded="true" signature="1661:1683" ph="{...}" />
|
||||
|
|
@ -960,21 +905,62 @@
|
|||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/renderer.js">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="210">
|
||||
<caret line="16" column="0" lean-forward="false" selection-start-line="16" selection-start-column="0" selection-end-line="20" selection-end-column="1" />
|
||||
<folding>
|
||||
<marker date="1479798322000" expanded="true" signature="2329:3030" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2439:3007" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2484:2572" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2619:2982" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2668:2743" ph="..." />
|
||||
<marker date="1479798322000" expanded="true" signature="2791:2955" ph="..." />
|
||||
</folding>
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/app/Downloader/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="135">
|
||||
<caret line="17" column="17" lean-forward="true" selection-start-line="17" selection-start-column="17" selection-end-line="17" selection-end-column="17" />
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/informations.js">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="97">
|
||||
<caret line="13" column="22" lean-forward="true" selection-start-line="13" selection-start-column="22" selection-end-line="13" selection-end-column="22" />
|
||||
<state relative-caret-position="436">
|
||||
<caret line="166" column="37" lean-forward="false" selection-start-line="166" selection-start-column="37" selection-end-line="166" selection-end-column="37" />
|
||||
<folding>
|
||||
<element signature="e#0#41#0" expanded="false" />
|
||||
<marker date="1479805253000" expanded="true" signature="362:1248" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="445:750" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="532:734" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="787:1234" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="838:1001" ph="..." />
|
||||
<marker date="1479805253000" expanded="true" signature="1055:1219" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="435:1374" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="523:843" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="613:824" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="883:1357" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="937:1109" ph="..." />
|
||||
<marker date="1479835024000" expanded="true" signature="1166:1339" ph="..." />
|
||||
</folding>
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="262">
|
||||
<caret line="67" column="25" lean-forward="false" selection-start-line="67" selection-start-column="25" selection-end-line="67" selection-end-column="25" />
|
||||
<folding>
|
||||
<element signature="n#style#0;n#h6#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
</folding>
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/app/InformationPage/style.css">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="366">
|
||||
<caret line="54" column="14" lean-forward="true" selection-start-line="54" selection-start-column="14" selection-end-line="54" selection-end-column="14" />
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -1,23 +1,106 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
|
||||
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Information page</title>
|
||||
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.blue-indigo.min.css" />
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:400,300,600,800,900" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script src="https://unpkg.com/vue/dist/vue.js"></script>
|
||||
|
||||
<div id="container-">
|
||||
<div id="left-container">
|
||||
<div id="image" v-bind:style="{backgroundImage: 'url(' + image + ')'}">
|
||||
<div id="anime-title"><span>{{ title }}</span></div>
|
||||
</div>
|
||||
<h6 id="jap-title">Japanese title : {{ japaneseTitle }}</h6>
|
||||
|
||||
<div id="genres">
|
||||
<h6>Genres</h6>
|
||||
<ul>
|
||||
<li v-for="genre in genres">
|
||||
{{ genre }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="studio">
|
||||
<h6>Studio</h6>
|
||||
<ul>
|
||||
<li v-for="studio in studios">
|
||||
{{ studio }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="middle-container">
|
||||
<div id="middle-title">
|
||||
<h3>{{ title }}</h3>
|
||||
</div>
|
||||
<h6>Synopsis</h6>
|
||||
<div id="synopsis">
|
||||
<pre>{{ synopsis }}</pre>
|
||||
</div>
|
||||
<h6 style="margin-bottom: 2%">Characters</h6>
|
||||
<div id="character-grid">
|
||||
<div class="character" v-for="chara in characters">
|
||||
<p class="seiyuu">
|
||||
<span class="chara-name">{{ chara.name }}</span>
|
||||
</p>
|
||||
<p class="chara-stat">
|
||||
<span>→ </span><span class="actor-name">{{ chara.actor }}</span>
|
||||
</p>
|
||||
<p class="chara-stat">
|
||||
<span class="lang">{{ chara.language }}</span>
|
||||
<span class="role">{{ chara.role }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="info-buttons-container">
|
||||
<button v-on:click="back()" id="info-back"
|
||||
class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
|
||||
Home
|
||||
</button>
|
||||
<button v-on:click="getDownloader()" id="info-download"
|
||||
class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
|
||||
Downloader
|
||||
</button>
|
||||
|
||||
<button v-on:click="toSearch()" id="info-to-search"
|
||||
class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
|
||||
Search
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="right-container">
|
||||
<div id="mark-displayer"></div>
|
||||
<div id="info-displayer">
|
||||
<h6>{{ episodes }} episodes -- {{ status }}</h6>
|
||||
<h6>Aired from {{ aired }}</h6>
|
||||
<ul>
|
||||
<li v-for="guy in staff">
|
||||
{{ guy.role[0] }} : {{ guy.name }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<transition name="form-fade" mode="out-in">
|
||||
<component v-bind:is="showForm"></component>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
<!--Works | DO NOT ERASE-->
|
||||
<!--<div id="container">-->
|
||||
<!--<transition name="form-fade" mode="out-in">-->
|
||||
<!--<component v-bind:is="showForm"></component>-->
|
||||
<!--</transition>-->
|
||||
<!--</div>-->
|
||||
|
||||
<script>require(`${__dirname}/informations.js`)</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,63 +5,66 @@
|
|||
const remote = require('electron').remote
|
||||
const main = remote.require(`${__dirname}/../../main.js`)
|
||||
const mal = require('malapi').Anime
|
||||
const ProgressBar = require('progressbar.js');
|
||||
|
||||
|
||||
|
||||
let container = new Vue({
|
||||
el: '#container',
|
||||
data: {
|
||||
showForm: 'v-a'
|
||||
},
|
||||
components: {
|
||||
'v-a': {
|
||||
template: `
|
||||
<div id="form-container">
|
||||
<h4>{{ title }}</h4>
|
||||
<form action="#" @keydown.enter="gotInfo()">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3" autofocus>
|
||||
<label class="mdl-textfield__label" for="sample3">Enter the anime name</label>
|
||||
</div>
|
||||
</form>
|
||||
<div id="buttons-container">
|
||||
<button id="back" v-on:click="back()"
|
||||
class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
|
||||
{{ toMain }}
|
||||
</button>
|
||||
<button id="info" v-on:click="gotInfo()"
|
||||
class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
|
||||
{{ bringIt }}
|
||||
</button>
|
||||
</div>
|
||||
</div>`,
|
||||
data: function () {
|
||||
return {
|
||||
title_: 'Need infos ?',
|
||||
toMain: 'To main page',
|
||||
bringIt: 'Gimme info!'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title: function () {
|
||||
return this.title_
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
back: function () {
|
||||
main.getMainPage()
|
||||
},
|
||||
gotInfo: function () {
|
||||
console.log('Clicked')
|
||||
container.showForm = 'v-b'
|
||||
}
|
||||
}
|
||||
},
|
||||
'v-b': {
|
||||
template: `<div id="info-container"><h1>Hello</h1></div>`
|
||||
}
|
||||
}
|
||||
})
|
||||
// let container = new Vue({
|
||||
// el: '#container',
|
||||
// data: {
|
||||
// showForm: 'v-a'
|
||||
// },
|
||||
// components: {
|
||||
// 'v-a': {
|
||||
// template: `
|
||||
// <div id="form-container">
|
||||
// <h4>{{ title }}</h4>
|
||||
// <form action="#" @keydown.enter="gotInfo()">
|
||||
// <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
// <input class="mdl-textfield__input" type="text" id="sample3" autofocus>
|
||||
// <label class="mdl-textfield__label" for="sample3">Enter the anime name</label>
|
||||
// </div>
|
||||
// </form>
|
||||
// <div id="buttons-container">
|
||||
// <button id="back" v-on:click="back()"
|
||||
// class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
|
||||
// {{ toMain }}
|
||||
// </button>
|
||||
// <button id="info" v-on:click="gotInfo()"
|
||||
// class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
|
||||
// {{ bringIt }}
|
||||
// </button>
|
||||
// </div>
|
||||
// </div>`,
|
||||
// data: function () {
|
||||
// return {
|
||||
// title_: 'Need infos ?',
|
||||
// toMain: 'To main page',
|
||||
// bringIt: 'Gimme info!'
|
||||
// }
|
||||
// },
|
||||
// computed: {
|
||||
// title: function () {
|
||||
// return this.title_
|
||||
// }
|
||||
// },
|
||||
// methods: {
|
||||
// back: function () {
|
||||
// main.getMainPage()
|
||||
// },
|
||||
// gotInfo: function () {
|
||||
// console.log('Clicked')
|
||||
// container.showForm = 'v-b'
|
||||
// },
|
||||
// getDownloader: function () {
|
||||
// main.openDownloader()
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
// 'v-b': {
|
||||
// template: `<div id="info-container"><h1>Hello</h1></div>`
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
|
||||
function makeResearch(name) {
|
||||
mal.fromName(name).then(anime => {
|
||||
|
|
@ -72,4 +75,139 @@ function makeResearch(name) {
|
|||
})
|
||||
}
|
||||
|
||||
let sakuraTrick = {
|
||||
title: 'Sakura Trick',
|
||||
japaneseTitle: '桜Trick',
|
||||
image: 'https://myanimelist.cdn-dena.com/images/anime/2/56189.jpg',
|
||||
synopsis: 'Love is in the air when the story of Sakura Trick begins. Haruka Takayama and Yuu Sonoda were best' +
|
||||
' friends in middle school, and are now attending Misato West High School together. They are assigned to the same class in their first year, but are given seats on opposite sides of the room! If that wasn\'t enough, it is announced at the entrance ceremony that the school will be closed in three years. This doesn\'t bother either of them, as they still plan on having lots of fun together during their high school years.\r\n\r\nHaruka gets jealous of Yuu making new friends though, so the two decide to deepen their bond. "Let\'s do something we\'d never do with other girls," Yuu says, and they share a kiss in a vacant classroom after school one day. After that one kiss leads to many kisses, the two begin to realize that the relationship they share has changed completely. But what will happen to their relationship once a disapproving older sister begins to suspect that something is going on between the two?',
|
||||
episodes: '12',
|
||||
studio: [ 'Studio Deen' ],
|
||||
stats: { score: { value: '7.20', count: '50,078' },
|
||||
popularity: '#500',
|
||||
members: '106,584',
|
||||
favorites: '899',
|
||||
ranking: '#2648' },
|
||||
genres: [ 'Slice of Life',
|
||||
'Comedy',
|
||||
'Romance',
|
||||
'School',
|
||||
'Seinen',
|
||||
'Shoujo Ai' ],
|
||||
status: 'Finished Airing',
|
||||
aired: 'Jan 10, 2014 to Mar 28, 2014',
|
||||
type: 'TV'
|
||||
}
|
||||
|
||||
let container = new Vue({
|
||||
el: '#container-',
|
||||
data: {
|
||||
title: 'Sakura Trick',
|
||||
japaneseTitle: '桜Trick',
|
||||
image: 'https://myanimelist.cdn-dena.com/images/anime/2/56189.jpg',
|
||||
synopsis: 'Love is in the air when the story of Sakura Trick begins. Haruka Takayama and Yuu Sonoda were best' +
|
||||
' friends in middle school, and are now attending Misato West High School together. They are assigned to the same class in their first year, but are given seats on opposite sides of the room! If that wasn\'t enough, it is announced at the entrance ceremony that the school will be closed in three years. This doesn\'t bother either of them, as they still plan on having lots of fun together during their high school years.\r\n\r\nHaruka gets jealous of Yuu making new friends though, so the two decide to deepen their bond. "Let\'s do something we\'d never do with other girls," Yuu says, and they share a kiss in a vacant classroom after school one day. After that one kiss leads to many kisses, the two begin to realize that the relationship they share has changed completely. But what will happen to their relationship once a disapproving older sister begins to suspect that something is going on between the two?',
|
||||
episodes: '12',
|
||||
studios: [ 'Studio Deen' ],
|
||||
stats: { score: '7.20',
|
||||
popularity: '#500',
|
||||
members: '106,584',
|
||||
favorites: '899',
|
||||
ranking: '#2648' },
|
||||
genres: [ 'Slice of Life',
|
||||
'Comedy',
|
||||
'Romance',
|
||||
'School',
|
||||
'Seinen',
|
||||
'Shoujo Ai' ],
|
||||
status: 'Finished Airing',
|
||||
aired: 'Jan 10, 2014 to Mar 28, 2014',
|
||||
type: 'TV',
|
||||
characters: [
|
||||
{ name: 'Takayama, Haruka',
|
||||
role: 'Main',
|
||||
actor: 'Tomatsu, Haruka',
|
||||
language: 'Japanese' },
|
||||
{ name: 'Sonoda, Yuu',
|
||||
role: 'Main',
|
||||
actor: 'Iguchi, Yuka',
|
||||
language: 'Japanese' },
|
||||
{ name: 'Ikeno, Kaede',
|
||||
role: 'Main',
|
||||
actor: 'Fuchigami, Mai',
|
||||
language: 'Japanese' },
|
||||
{ name: 'Iizuka, Yuzu',
|
||||
role: 'Main',
|
||||
actor: 'Toda, Megumi',
|
||||
language: 'Japanese'
|
||||
}
|
||||
],
|
||||
staff : [
|
||||
{ name: 'Ishikura, Kenichi', role: [ 'Director',
|
||||
'Episode Director',
|
||||
'Storyboard',
|
||||
'Series Composition' ] },
|
||||
{ name: 'Ishigura, Kenichi',
|
||||
role: [ 'Director', 'Series Composition' ] },
|
||||
{ name: 'Iida, Satoki', role: [ 'Sound Director' ] },
|
||||
{ name: 'Tomatsu, Haruka', role: [ 'Theme Song Performance' ] } ]
|
||||
},
|
||||
methods: {
|
||||
back: function () {
|
||||
main.getMainPage()
|
||||
},
|
||||
gotInfo: function () {
|
||||
console.log('Clicked')
|
||||
container.showForm = 'v-b'
|
||||
},
|
||||
getDownloader: function () {
|
||||
main.openDownloader()
|
||||
},
|
||||
toSearch: function () {
|
||||
container.showForm = 'v-b'
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
let elemFound = false
|
||||
|
||||
try
|
||||
{
|
||||
let bar = new ProgressBar.Circle(document.getElementById('mark-displayer'), {
|
||||
color: '#aaa',
|
||||
// This has to be the same size as the maximum width to
|
||||
// prevent clipping
|
||||
strokeWidth: 4,
|
||||
trailWidth: 1,
|
||||
easing: 'easeInOut',
|
||||
duration: 1400,
|
||||
text: {
|
||||
autoStyleContainer: false
|
||||
},
|
||||
from: {color: '#aaa', width: 1},
|
||||
to: {color: '#0af', width: 4},
|
||||
// Set default step function for all animate calls
|
||||
step: function (state, circle) {
|
||||
circle.path.setAttribute('stroke', state.color);
|
||||
circle.path.setAttribute('stroke-width', state.width);
|
||||
|
||||
let value = Math.round(circle.value() * 100);
|
||||
if (value === 0) {
|
||||
circle.setText('');
|
||||
} else {
|
||||
circle.setText(value / 10);
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
bar.text.style.fontFamily = '"Raleway", Helvetica, sans-serif';
|
||||
bar.text.style.color = '#3cf';
|
||||
|
||||
bar.animate(container.stats.score / 10); // Number from 0.0 to 1.0
|
||||
c
|
||||
elemFound = true
|
||||
}
|
||||
catch (e) {
|
||||
|
||||
}
|
||||
|
|
@ -6,8 +6,26 @@ body
|
|||
background-image: url('../../resources/formBack.jpg');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#container
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* TEMP */
|
||||
#container-
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
position: fixed;
|
||||
}
|
||||
/* END TEMP */
|
||||
|
||||
#form-container
|
||||
{
|
||||
text-align: center;
|
||||
|
|
@ -21,6 +39,34 @@ body
|
|||
display: inline;
|
||||
}
|
||||
|
||||
#info-buttons-container
|
||||
{
|
||||
position: inherit;
|
||||
display: inline;
|
||||
margin-top: 7%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#info-buttons-container button
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#info-download
|
||||
{
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
#info-back
|
||||
{
|
||||
margin-left: 3.5%;
|
||||
}
|
||||
|
||||
#info-to-search
|
||||
{
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
#info
|
||||
{
|
||||
margin-left: 2%;
|
||||
|
|
@ -32,8 +78,219 @@ body
|
|||
}
|
||||
|
||||
.form-fade-enter-active, .form-fade-leave-active {
|
||||
transition: opacity 3s ease;
|
||||
transition: opacity 3.2s ease;
|
||||
}
|
||||
.form-fade-enter, .form-fade-leave-active {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#right-container
|
||||
{
|
||||
position: static;
|
||||
margin-left: 80%;
|
||||
height: 100%;
|
||||
width: 20%
|
||||
}
|
||||
|
||||
#mark-displayer
|
||||
{
|
||||
/*margin-left: 80%;*/
|
||||
margin-top: 2%;
|
||||
margin-left: 2%;
|
||||
width: 15%;
|
||||
height: 22.5%;
|
||||
position: absolute;
|
||||
font-size: 7rem;
|
||||
}
|
||||
|
||||
#info-displayer
|
||||
{
|
||||
position: absolute;
|
||||
margin-top: 18%;
|
||||
padding: 3% 3% 3% 3%;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
#info-displayer h6
|
||||
{
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#middle-container
|
||||
{
|
||||
width: 60%;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
margin-top: 1%;
|
||||
margin-left: 20%;
|
||||
}
|
||||
|
||||
#middle-container h6
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#middle-title
|
||||
{
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#middle-title h3
|
||||
{
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
#synopsis
|
||||
{
|
||||
/*margin-top: 7%;*/
|
||||
margin-bottom: 3%;
|
||||
padding-left: 8%;
|
||||
padding-right: 8%;
|
||||
color: rgba(0,0,0,.54);
|
||||
}
|
||||
|
||||
#synopsis pre
|
||||
{
|
||||
line-height: 130%;
|
||||
text-align: justify;
|
||||
text-indent: 20px;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
font-family: inherit;
|
||||
padding: 3% 3% 3% 3%;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
#character-grid
|
||||
{
|
||||
margin-left: 2%;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
/*padding-left: 4.5%;*/
|
||||
/*padding-right: 3%;*/
|
||||
}
|
||||
|
||||
.character
|
||||
{
|
||||
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
margin-left: 2.6%;
|
||||
padding: 10px 10px 10px 10px;
|
||||
width: 18%;
|
||||
}
|
||||
|
||||
.seiyuu
|
||||
{
|
||||
line-height: 130%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.actor-name
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.chara-stat
|
||||
{
|
||||
line-height: 120%;
|
||||
}
|
||||
|
||||
.chara-name
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.lang
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.role
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
#left-container
|
||||
{
|
||||
margin-top: 2%;
|
||||
/*background-color: rgba(0, 0, 0, 0.15);*/
|
||||
width: 18%;
|
||||
height: 45%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#image
|
||||
{
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
height: 99%;
|
||||
width: 99%;
|
||||
margin-top: 1%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#anime-title
|
||||
{
|
||||
height: 10%;
|
||||
width: 100%;
|
||||
font-size: medium;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: rgba(50, 50, 50, 0.9);
|
||||
}
|
||||
|
||||
#anime-title span
|
||||
{
|
||||
margin-left: 5%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jap-title
|
||||
{
|
||||
margin-top: 5%;
|
||||
/*margin-left: 5%;*/
|
||||
margin-bottom: 0;
|
||||
padding: 3% 3% 3% 3%;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
#genres
|
||||
{
|
||||
/*margin-left: 5%;*/
|
||||
padding: 3% 3% 3% 3%;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
#genres h6
|
||||
{
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
#genres ul
|
||||
{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#studio
|
||||
{
|
||||
/*margin-left: 5%;*/
|
||||
padding: 3% 3% 3% 3%;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
#studio h6
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#studio ul
|
||||
{
|
||||
margin-top: 0;
|
||||
}
|
||||
Loading…
Reference in New Issue